React map gl

import * as React from 'react';
import { useState } from 'react';
import ReactMapGL from 'react-map-gl';

function Map() {
  const [viewport, setViewport] = useState({
    width: 400,
    height: 400,
    latitude: 37.7577,
    longitude: -122.4376,
    zoom: 8
  });

  return (
    <ReactMapGL
      {...viewport}
      onViewportChange={nextViewport => setViewport(nextViewport)}
    />
  );
}

Similar codes

0 vote378 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
0 vote330 views1 answer
How to take out text from array of strings in react
Javascript React
-2 votes360 views1 answer
Reactjs cut part of string
Javascript React
14 votes335 views2 answers
Adding border in react native
Javascript React
-1 vote327 views1 answer
Date time react component
Javascript React
0 vote388 views1 answer
React roter dom npm
Javascript React
0 vote332 views1 answer
React native Setting a timer for a long period of time
Javascript React
12 votes363 views3 answers
Font weight react native
Javascript React
0 vote329 views1 answer
Platform check in react native for status bar color
Javascript React
0 vote322 views1 answer
How to filter items in react state
Javascript React