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 votes371 views2 answers
React link without underline
Javascript React
4 votes357 views2 answers
React get url params in class component
Javascript React
0 vote375 views1 answer
Add active class to button onclick react
Javascript React
0 vote368 views1 answer
Removing borderline of input in react
Javascript React
0 vote344 views1 answer
Dispatch event not working react native redux
Javascript React
9 votes397 views3 answers
Disable yellow box react native
Javascript React
0 vote363 views1 answer
Show and Hide element in react
Javascript React
0 vote356 views1 answer
React native create text file
Javascript React
24 votes332 views6 answers
React native navigation
Javascript React
2 votes342 views1 answer
What is virtual dom in react
Javascript React