On this page

    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
    

      
      Examples

      
    
        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
    

      
      Examples

      
    
        Limit geocoding search results to a drawn polygon bounding box.
      
    
        
  
    
  
  
  
  

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

      
      Examples

      
    
        Draw polygons using repeating image patterns with fill-pattern.
      
    
        
  
    
  

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Polygon area display
    
  
    Polygon area display