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 vote217 views2 answers
React Calender
Javascript React
3 votes238 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
1 vote210 views3 answers
Antd react
Javascript React
30 votes225 views6 answers
React if statement
Javascript React
0 vote196 views1 answer
React google map doesn't update marker
Javascript React
34 votes219 views3 answers
React-router
Javascript React
6 votes222 views1 answer
Import useHistory react-router-dom version 6
Javascript React
0 vote233 views1 answer
React check if mobile or desktop
Javascript React
-1 vote247 views1 answer
How to remove react icon from tab
Javascript React
1 vote241 views2 answers
React toastify
Javascript React