Examples
Copy-ready integrations showing Styles API and Tiles API usage in real clients.
This section is the best place to see how Mappinest endpoints look in real client code. Use it when you want to move from a working API path to an actual integration in Mapbox GL JS, MapLibre GL JS, Leaflet, or OpenLayers without reading the full reference first.
Each page is tied to a concrete integration path. Some examples use the Map Styles API for map styles, while others use the Tiles API for your own uploaded datasets. That makes it easier to understand which endpoint pattern belongs to which client and when to use a StyleJSON document versus direct tile URLs.
These examples are meant to be copy-ready and practical. Replace the API key, dataset ID, or style ID with your own values, then adapt the snippet to your app. If you are still setting up your first map, start with Quickstart first and come back here once you want client-specific code.
Next steps
Mapbox GL
Copy a working Mapbox GL JS example for ready-to-use styles or uploaded vector datasets.
MapLibre GL
Copy a working MapLibre GL JS example for ready-to-use styles or uploaded vector datasets.
Leaflet
Follow the stable Leaflet integration path for hosted vector basemaps and StyleJSON.
OpenLayers
Copy a working OpenLayers example for hosted basemaps and vector tile datasets.