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

11 votes142 views5 answers
React router refresh page
Javascript React
1 vote134 views2 answers
React select disable option
Javascript React
1 vote141 views2 answers
How to create react native app
Javascript React
0 vote145 views1 answer
Cloudinary react
Javascript React
0 vote134 views1 answer
How to link t settings react native ios
Javascript React
20 votes140 views2 answers
React localstorage
Javascript React
2 votes146 views1 answer
How to use `setState` callback on react hooks
Javascript React
0 vote155 views1 answer
React native update state object inside object
Javascript React
3 votes149 views1 answer
React router yarn
Javascript React
11 votes144 views4 answers
React native flatlist
Javascript React