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 vote204 views1 answer
Reactjs sweet alert
Javascript React
3 votes218 views1 answer
White screen issue in react native splashscreen
Javascript React
0 vote215 views1 answer
Reading state react
Javascript React
18 votes278 views3 answers
Add material ui to react
Javascript React
0 vote209 views1 answer
Mdbootstrap react
Javascript React
0 vote270 views1 answer
React router native back button
Javascript React
0 vote217 views1 answer
React router v6 lazy suspense
Javascript React
3 votes231 views3 answers
Update create react app
Javascript React
0 vote228 views1 answer
Blank array condition in react js
Javascript React
111 votes251 views6 answers
Install bootstrap in react
Javascript React