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 vote173 views1 answer
React native sovrapporre immagini
Javascript React
1 vote148 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote151 views1 answer
Reactjs .net pass value to react
Javascript React
0 vote197 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote146 views1 answer
Route guards in react
Javascript React
6 votes167 views5 answers
Scroll to top in react
Javascript React
2 votes152 views2 answers
How to change react icon color
Javascript React
2 votes145 views1 answer
React state object key value
Javascript React
-2 votes152 views1 answer
React router previous location
Javascript React
1 vote143 views2 answers
React native select simulator
Javascript React