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

1 vote332 views1 answer
How to set state when change viewport react
Javascript React
-2 votes287 views2 answers
Showdown react
Javascript React
-1 vote307 views1 answer
React time picker
Javascript React
1 vote305 views1 answer
Expo update react native
Javascript React
0 vote280 views1 answer
React-beforeunload react navive
Javascript React
0 vote293 views1 answer
React native jest snapshot
Javascript React
1 vote307 views1 answer
How to create a button with react
Javascript React
0 vote290 views1 answer
Npm react animation
Javascript React
-1 vote297 views1 answer
React-native run-ios command
Javascript React
61 votes271 views6 answers
Reactjs router
Javascript React