Integrating Jawg Maps with MapLibre GL JS: Examples

Welcome to our example repository to integrate Jawg with MapLibre GL JS.

Don't forget to set your access token before openning any example. If you don't have any access token yet, get one on Jawg Lab.

Examples description:

simple-map: Displaying a simple dynamic map.

add-marker: Adding a marker to a map.

add-popup: Adding a popup to a map.

add-geometry: Adding geometry on your map with GeoJSON.

add-your-data: Adding geometry from a distant GeoJSON on your map.

change-language: Changing your map's language.

change-style: Changing your map style using our default styles.

custom-style: Using a custom style from Jawg Lab on your map.

You'll need to set a style ID in /examples/custom-style.html to make this example work.

If you don't have any style ID yet, go to Jawg Lab to create one or read the documentation for more informations.

display-route: Display a route on your map.

maplibre-gl-directions: Use maplibre-gl-directions with Jawg Routing API.

draw-radius: Draw a location radius using a polygon.

add-origin-info: Customize the request origin to add additional information.

map-session: Use @jawg/map-session library to support the per-mapload pricing.

cluster: Display points as cluster with user interaction.