Change building color based on zoom level

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







  

      
        
          
          Change a layer's color with buttons
        
        
Change a layer's color with buttons

        Example
        
Use setPaintProperty to change a layer's fill color.

      
    
   
  

      
        
          
          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
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference