ol-elevation-profileElevation profiles for OpenLayers

A synchronized, themeable elevation profile control rendered with d3, reading elevation straight from your 3D GPX/GeoJSON and from keyless terrain tiles when they carry none.

Getting started

Live demo

Reads Z from the geometry

Distance, ascent/descent and min/max come straight from your 3D track. A track without Z is filled from keyless terrain tiles, on by default.

Map and chart in sync

Hover the map or the chart and a marker stays in sync on both.

Slope classes

Colour the profile by gradient classes from blue (flat) to red (steep), with a legend.

Responsive & mobile

Full-width docked bar on phones, eight anchors on desktop.

Zoom A/B

Crop both the map and the profile to a sub-range, with A reset to 0.

Themeable

Six built-in themes, custom colours, transparency, and a track-colour mode.