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

0 vote179 views2 answers
Get location from brwoser react
Javascript React
31 votes196 views1 answer
React router dom IndexRedirect
Javascript React
0 vote171 views2 answers
Unexpected template string expression reactjs
Javascript React
0 vote201 views1 answer
Storybook react
Javascript React
12 votes183 views2 answers
React split array into chunks
Javascript React
0 vote208 views2 answers
React native: how to know th softkey height
Javascript React
4 votes196 views4 answers
Deploy react app
Javascript React
0 vote202 views1 answer
Change value in array react
Javascript React
0 vote206 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
14 votes171 views3 answers
Cannot resolve react-router-dom
Javascript React