react-map-gl/examples/get-started/hook

react-map-gl Example: Using Map with a State Management System

This example shows how to use react-map-gl's Map component with the useMap hook.

Usage

To run this example, you need a Mapbox token. You can either set it as MAPBOX_TOKEN in map.js, or set a MapboxAccessToken environment variable in the command line.

Alternative to acquiring a Mapbox token, you can install maplibre-gl and change all import from 'react-map-gl/mapbox' to import from 'react-map-gl/maplibre'. You also need to supply a third-party or self-hosted mapStyle URL.

npm i
npm run start

To build a production version:

npm run build