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

2 votes387 views1 answer
React select with custom option
Javascript React
0 vote369 views1 answer
React native passing params to nested navigators
Javascript React
0 vote397 views1 answer
How to cause a whole page reload react redux
Javascript React
2 votes398 views3 answers
Select the items from selectors in .map reactjs
Javascript React
0 vote396 views1 answer
As it does not contain a package.json file. react
Javascript React
1 vote402 views1 answer
React native object is empty
Javascript React
0 vote420 views1 answer
Swap scroll right in react native
Javascript React
4 votes356 views2 answers
React checking matches in state array
Javascript React
15 votes395 views2 answers
Expo react navigation
Javascript React
15 votes359 views2 answers
React native location
Javascript React