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




  
  
  
    

      
        
          
          Get coordinates of the mouse pointer
        
        
Get coordinates of the mouse pointer

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

      
    

    

      
        
          
          Show drawn polygon area
        
        
Show drawn polygon area

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

      
    

  
  
    

      
        
          
          Show line data from GeoJSON on the map
        
        
GeoJSON line layer

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

      
    




      
      

      
        An extension of MapLibre GL JS