Skip to content
Home
Elevation API
Examples

Elevation 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.
Show Climb Statistics for a Route in MapLibre GL JS
Climb Statistics
Ascent, descent and the steepest section of a hiking route.
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.
Elevation Control

Leaflet

Show an Elevation Profile in Leaflet
Elevation Profile
Show a route on a Leaflet map with an interactive elevation profile.
Show Climb Statistics for a Route in Leaflet
Climb Statistics
Ascent, descent and the steepest section of a hiking route.
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.