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 vote362 views1 answer
Assign random colors react chartjs
Javascript React
125 votes511 views6 answers
Create React App command
Javascript React
32 votes343 views1 answer
How to use routes in react js
Javascript React
0 vote363 views1 answer
Create app with a specific react version
Javascript React
0 vote407 views2 answers
Why navlink in react router always active
Javascript React
0 vote366 views1 answer
React native whatsapp integration
Javascript React
0 vote410 views1 answer
React router tutorial medium
Javascript React
5 votes397 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
4 votes388 views2 answers
How to find out which version of React
Javascript React
0 vote370 views1 answer
React native update helper
Javascript React