ol-elevation-profileElevation profiles for OpenLayers

A synchronized, themeable elevation profile control rendered with d3 — reading elevation straight from your 3D GPX/GeoJSON.

Reads Z from the geometry

No elevation service is queried. Distance, ascent/descent and min/max come from your 3D track.

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

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

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

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

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