Add a pattern to a polygon

Use the fill-pattern feature to draw a polygon by employing a repeating image pattern. This technique allows for the creation of visually appealing shapes by using a repeated image as a fill. To implement this, refer to the layer ⇾ fill ⇾ fill-pattern section in the GL Style Specification.




Related examples




  
  
  
    

      
        
          
          Show polygon information on click
        
        
Show polygon information on click

        Example
        
When a user clicks a polygon, display a popup containing more information.

      
    

  
  
    

      
        
          
          Polygon fill pattern (polygon helper)
        
        
Polygon fill pattern (polygon helper)

        Example
        
This example shows how to add a polygon layer with a fill pattern to the map using the polygon layer helper.

      
    

  
  
    

      
        
          
          Polygon color ramp symbol (polygon helper)
        
        
Polygon color ramp symbol (polygon helper)

        Example
        
This example shows how to add a polygon layer with a color ramp symbol that changes the fill color based on the map's zoom level using the polygon layer helper.

      
    

    

      
        
          
          Show polygon data from GeoJSON on the map
        
        
GeoJSON polygon layer

        Example
        
This tutorial shows how to add a GeoJSON polygon overlay to the map.

      
    

  
  
    
  
  
    



      
      

      
        An extension of MapLibre GL JS