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

2 votes260 views1 answer
React promises
Javascript React
0 vote241 views1 answer
Pass params axios get react
Javascript React
0 vote286 views1 answer
How to get year in react
Javascript React
0 vote253 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote253 views2 answers
React native view background transparency
Javascript React
0 vote238 views1 answer
Ios react native detect locale
Javascript React
-2 votes272 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote252 views1 answer
React infinte scroll
Javascript React
125 votes325 views6 answers
Create React App command
Javascript React
0 vote268 views1 answer
Check scroll top height in react js
Javascript React