On this page

Get coordinates of the mouse pointer

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

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

To calculate distances on the map, simply click on different points to create lines that will measure the distances using turf.length.

Show properties of hovered map elements with queryRenderedFeatures.

Was this helpful?

Related examples