Show drawn polygon area

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




Related examples




  
  
  
    

      
        
          
          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.

      
    

    

      
        
          
          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.

      
    




      
      

      
        An extension of MapLibre GL JS