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

142 votes752 views6 answers
Create-react-app
Javascript React
3 votes189 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
7 votes190 views1 answer
How to place a line break in react native
Javascript React
0 vote141 views1 answer
React create element from string
Javascript React
3 votes175 views1 answer
InnerWidth react
Javascript React
11 votes248 views4 answers
How to check for react version
Javascript React
2 votes138 views1 answer
Range slider mui can't slide
Javascript React
0 vote146 views0 answer
React
Javascript React
0 vote177 views1 answer
Reactjs join two array
Javascript React
1 vote230 views1 answer
React render html variable
Javascript React