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

105 votes157 views1 answer
Create react app scaffolding
Javascript React
0 vote129 views1 answer
React native showing double header stack and drawer menu
Javascript React
0 vote194 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
-1 vote141 views2 answers
React js props lara css uygulama
Javascript React
0 vote147 views1 answer
React router path array
Javascript React
1 vote124 views1 answer
Adding parameters to url react router
Javascript React
0 vote127 views2 answers
Reactjs hello world
Javascript React
0 vote138 views1 answer
React import json
Javascript React
0 vote116 views1 answer
Flatpicker not focusing in modal React
Javascript React
0 vote149 views1 answer
React native paper modal background
Javascript React