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

8 votes435 views3 answers
Icon shwoing a box react native vector icons
Javascript React
158 votes667 views6 answers
React create app
Javascript React
2 votes397 views1 answer
React refresh page every second
Javascript React
0 vote340 views1 answer
React native onChangeText resize the background image
Javascript React
0 vote431 views1 answer
React Redux component getById crud exemple
Javascript React
0 vote368 views1 answer
Toggle class onscroll hook react
Javascript React
12 votes408 views1 answer
React chrome extension
Javascript React
0 vote370 views1 answer
Float right react native
Javascript React
1 vote390 views1 answer
Stop page refresh on button click react
Javascript React
0 vote399 views1 answer
JSON.stringify with strip slash reactjs
Javascript React