Get coordinates of the mouse pointer

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.

      
    
   
  

      
        
          
          Distance measurement on map
        
        
Measure distances

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

      
    
   
  

      
        
          
          Get features under the mouse pointer
        
        
Get features under the mouse pointer

        Example
        
Use queryRenderedFeatures to show properties of hovered-over map elements.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference