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 vote145 views2 answers
Combine p5 with react
Javascript React
2 votes141 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote139 views1 answer
Setstate before function react
Javascript React
-1 vote111 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote140 views1 answer
Change navigation animation react native
Javascript React
1 vote124 views2 answers
React-native-screens
Javascript React
0 vote124 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote129 views1 answer
React rative release
Javascript React
47 votes133 views3 answers
How to comment in the react javascript
Javascript React
0 vote134 views1 answer
Use es6 arrow function in react
Javascript React