react-map-gl/examples/filter

Example: Highlight By Filter

This app reproduces Mapbox's Highlight features containing similar data example.

This example showcases how to dynamically add/remove filters from layers.

Usage

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

npm i
npm run start

Alternative to acquiring a Mapbox token, you can use maplibre-gl instead. Follow these steps:

• Run npm install maplibre-gl
• In the source, change all import ... from 'react-map-gl' to import ... from 'react-map-gl/maplibre'
• Change the mapStyle prop of <Map> to "https://demotiles.maplibre.org/style.json" or a self-hosted URL