Skip to content
Home
Third-Party Libraries
Leaflet
Examples

Leaflet Examples

Show an Elevation Profile in Leaflet
Elevation - Elevation Profile
Show a route on a Leaflet map with an interactive elevation profile.
Add a Geocoder Search Control to Leaflet
Geocoding - Geocoder Search
Add a geocoder search control to a Leaflet map using the leaflet-control-geocoder plugin.
Draw an Isochrone Polygon in Leaflet
Isochrone - Walking Area
Fetch a walking isochrone and draw it as a polygon on a Leaflet map.
Display Raster Tiles in Leaflet
Raster Tiles - Basic Map
Display a Maptoolkit raster tile map using Leaflet.
Draw a Car Route in Leaflet
Routing - Route Display
Calculate a car route and draw it on a Leaflet map with turn-by-turn markers.
Display Vector Tiles in Leaflet
Vector Tiles - Basic Map
Display a Maptoolkit vector tile map using Leaflet.
Use Maptoolkit Tiles with React Leaflet
React Leaflet
Maptoolkit raster tiles in a React app with react-leaflet.
Use Leaflet and React Leaflet in Next.js
Next.js with Leaflet
React Leaflet with Maptoolkit raster tiles in a Next.js app.
Cluster Markers in Leaflet with Leaflet.markercluster
Marker Clustering
Group thousands of markers into clusters on a Leaflet map.
Use Maptoolkit Tiles with Vue Leaflet
Vue Leaflet
Maptoolkit raster tiles in a Vue 3 app with vue-leaflet.
Style GeoJSON in Leaflet: Choropleth, Popups and Legend
Choropleth with Legend
Color countries by a value, with popups and a legend.
Draw and Edit Shapes in Leaflet with Leaflet.draw
Draw and Edit Shapes
Draw, edit and measure shapes, and export them as GeoJSON.
Build a Route Planner with Turn-by-Turn Directions in Leaflet
Route Planner
Drag A or B to reroute, and hover a step to see it on the map.
Use Maptoolkit Tiles with ngx-leaflet in Angular
Angular with ngx-leaflet
Maptoolkit raster tiles in an Angular app with ngx-leaflet.