Change a layer’s color with buttons

Use setPaintProperty to change a layer’s fill color.




Related examples




  
  
  
    

      
        
          
          Change building color based on zoom level
        
        
Change color based on zoom level

        Example
        
Use the interpolate expression to ease-in the building layer and smoothly fade from one color to the next.

      
    

    

      
        
          
          Style lines with a data-driven property
        
        
Style lines with a data-driven property

        Example
        
Create a visualization with a data expression for line-color.

      
    

  
  
    

      
        
          
          Custom color ramp (color ramp)
        
        
Custom color ramp (color ramp)

        Example
        
This example shows how to create a custom color ramp and use it to visualize a point layer.

      
    

  
  
    

      
        
          
          Point layer colored and sized according to a property (point helper)
        
        
Point layer colored and sized according to a property (point helper)

        Example
        
This example shows how to add a point layer colored and sized according to the property "mag" (= earthquake magnitude) to the map using the point layer helper.

      
    




      
      

      
        An extension of MapLibre GL JS