mirror of https://github.com/visgl/react-map-gl.git synced 2025-12-08 20:16:02 +00:00

History

fix(geocoder): add styles for example (#2521 )

Co-authored-by: Xiaoji Chen <Pessimistress@users.noreply.github.com>
Co-authored-by: Chris Gervang <chrisgervang@users.noreply.github.com>

2025-05-19 17:14:08 -07:00

src

fix(geocoder): add styles for example (#2521 )

2025-05-19 17:14:08 -07:00

index.html

[v8] Separate examples for mapbox and maplibre (#2469 )

2025-01-27 16:06:44 -08:00

package.json

Update example configs (#2477 )

2025-01-28 10:32:41 -08:00

README.md

[v8] Separate examples for mapbox and maplibre (#2469 )

2025-01-27 16:06:44 -08:00

tsconfig.json

Revert example config change from #2477 (#2487 )

2025-02-06 22:40:05 -08:00

vite.config.js

[v8] Separate examples for mapbox and maplibre (#2469 )

2025-01-27 16:06:44 -08:00

README.md

Example: Geocoder

This app reproduces Mapbox's Add a geocoder example.

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/mapbox' 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