Show drawn polygon area

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.

      
    
   
  

      
        
          
          Geocoding limit results by a drawn area
        
        
Geocoding limit results by a drawn area

        Example
        
Limit geocode control search results to the bounding box of the drawn area. Draw a polygon on the map to filter the search results to the polygon bounding box.

      
    
   
  

      
        
          
          Add a pattern to a polygon
        
        
Add a pattern to a polygon

        Example
        
Use fill-pattern to draw a polygon from a repeating image pattern.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference