Getting Started with React Leaflet and MapLibre

This project will get you started using Stadia Maps in your React application using React Leaflet and react-leaflet-cluster for marker clustering.

Quickstart

No magic here; just your usual npm sequence:

npm install
npm start

Your browser should open automatically, showing a map of all video arcades in Japan, using OpenStreetMap data fetched using this Overpass Turbo query on Feb 7, 2023.

Vector support

The default configuration loads raster tiles, but AppVector.js provides a vector example using the MapLibre GL Leaflet plugin. You can control which tiles are loaded with the useVector flag in index.js.