Skip to content
Home
Routing API
Examples

Routing API Examples

On this page

MapLibre GL JS

Draw a Route with an Elevation Profile in MapLibre GL JS
Route with Elevation Profile
Request a hiking route from the Routing API, add heights from the Elevation API, and show the climb with the Maptoolkit Elevation Control.
Draw a Car Route in MapLibre GL JS
Route Display
Calculate a car route and draw it on a MapLibre GL map with turn-by-turn markers.
Build a Route Planner with Turn-by-Turn Directions in MapLibre GL JS
Route Planner
Drag A or B to reroute, and hover a step to see it on the map.
Show Climb Statistics for a Route in MapLibre GL JS
Climb Statistics
Ascent, descent and the steepest section of a hiking route.
Snap a GPS Track to the Road Network in MapLibre GL JS
Snapped GPS Track
A recorded walk, snapped to the paths it was walked on.
Style a Route by Surface Type in MapLibre GL JS
Route by Surface Type
A bike route colored by what it runs on, with a surface breakdown.
Color a Route by Elevation in MapLibre GL JS
Route Colored by Elevation
Color a hiking route by height with a line-gradient, and add direction arrows along the line.
Isochrone Control
Drag a marker onto the map to show the area reachable within a travel time.

Leaflet

Draw a Car Route in Leaflet
Route Display
Calculate a car route and draw it on a Leaflet map with turn-by-turn markers.
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.
Show Climb Statistics for a Route in Leaflet
Climb Statistics
Ascent, descent and the steepest section of a hiking route.
Snap a GPS Track to the Road Network in Leaflet
Snapped GPS Track
A recorded walk, snapped to the paths it was walked on.
Style a Route by Surface Type in Leaflet
Route by Surface Type
A bike route colored by what it runs on, with a surface breakdown.
Animate a Vehicle Along a Route in Leaflet
Animate a Vehicle
A car driving a real route, turned to its heading, with a trail.
Color a Route by Elevation in Leaflet, with Direction Arrows
Route Colored by Elevation
A hiking route colored from valley to summit, with arrows for the direction.