On this page

    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
    

      
      Examples

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

  
    
    
      
        
        Distance measurement on map
      
      
    Measure distances
    

      
      Examples

      
    
        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
    

      
      Examples

      
    
        Show properties of hovered map elements with queryRenderedFeatures.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Get coordinates of the mouse pointer
    
  
    Get coordinates of the mouse pointer