---
title: "MapTiler Elevation Profile Control Examples | Elevation profile | JavaScript maps SDK"
description: "Interactive examples of the elevation profile control in web maps."
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# MapTiler Elevation Profile Control Examples

 [![How to display GPX track elevation profile](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Display GPX track elevation profile

Examples Sdk-js Elevation-profile-control

Display the elevation profile of any GPX track.](https://docs.maptiler.com/sdk-js/examples/elevation-profile-control-gpx/)

 [![Show the trace position with Elevation profile control](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Show trace position Elevation profile control

Examples Sdk-js Elevation-profile-control

Synchronize a moving map marker with elevation profile cursor.](https://docs.maptiler.com/sdk-js/examples/elevation-profile-control-marker/)

 [![Elevation profile control](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Add elevation profile control

Examples Sdk-js Elevation-profile-control

Show elevation profiles for GeoJSON traces using MapTiler.](https://docs.maptiler.com/sdk-js/examples/elevation-profile-control-simple/)

 [![Show zoomed section in Elevation profile control](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Zoomed section Elevation profile control

Examples Sdk-js Elevation-profile-control

Display a zoomed-in section on the elevation profile.](https://docs.maptiler.com/sdk-js/examples/elevation-profile-control-zoomed-section/)

 [![Customize Elevation profile control](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Customize Elevation profile control

Examples Sdk-js Elevation-profile-control

Customize the MapTiler SDK elevation profile control interface.](https://docs.maptiler.com/sdk-js/examples/elevation-profile-control-customized/)

Reset filter Founds X results.