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 votes339 views2 answers
Video in react native stack overflow
Javascript React
0 vote362 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
18 votes375 views4 answers
React get route params
Javascript React
8 votes345 views1 answer
Professional react projects
Javascript React
19 votes337 views3 answers
React Hooks append state
Javascript React
0 vote345 views1 answer
Remove stack header bottom line react native
Javascript React
0 vote380 views1 answer
How to run electron and react using concurrently
Javascript React
1 vote369 views3 answers
Click outside React component
Javascript React
11 votes360 views3 answers
Reactjs get url query params as object
Javascript React
0 vote370 views1 answer
Make a component update every second react
Javascript React