Distance measurement on map

To calculate distances on the map, simply click on different points to create lines that will measure the distances using the turf.length function. This feature allows you to accurately determine the distance between any two points on the map.

Related examples

Show drawn polygon area

Example

Use mapbox-gl-draw to draw a polygon and Turf.js to calculate its area in square meters.

GeoJSON line layer

Example

This tutorial shows how to add a GeoJSON line overlay to the map.

Get coordinates of the mouse pointer

Example

Show mouse position on hover with pixel and latitude and longitude coordinates.