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

3 votes261 views1 answer
React create array
Javascript React
105 votes310 views1 answer
React simbu2013
Javascript React
0 vote227 views1 answer
Upload file react onclick
Javascript React
0 vote240 views3 answers
Redirect is not defined react/jsx-no-undef
Javascript React
7 votes219 views1 answer
How to place a line break in react native
Javascript React
0 vote231 views1 answer
React tagInput component
Javascript React
133 votes727 views6 answers
Using bootstrap with react
Javascript React
-1 vote275 views4 answers
React tutorial
Javascript React
0 vote546 views1 answer
React native multiline cursor on first line
Javascript React
0 vote219 views1 answer
React set state before render
Javascript React