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 vote203 views1 answer
React hooks link to external site
Javascript React
9 votes155 views4 answers
Firebase' is not defined no-undef react
Javascript React
15 votes195 views3 answers
React native expo navigation
Javascript React
0 vote213 views1 answer
React get current date minus 7 days
Javascript React
0 vote203 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote216 views1 answer
Run react app in different port
Javascript React
0 vote187 views1 answer
React js and graphql integration
Javascript React
3 votes259 views3 answers
How to update react app
Javascript React
0 vote202 views1 answer
Sweper slider react
Javascript React
0 vote189 views1 answer
React navigation 4
Javascript React