Heatmap layer radius and weight by property (heatmap helper)

This example shows how to add a heatmap layer to the map, simultaneously controlling the radius and weight based on a property using the heatmap layer helper. Download the sample data here.

Since zoomCompensation is disabled in this example, it is recommended to view the map specifically on z12.




Related examples




  
  
  
    

      
        
          
          Create a heatmap layer
        
        
Create a heatmap layer

        Example
        
This example uses SDK JS to visualize the frequency of US schools by location using a heatmap layer.

      
    

  
  
    

      
        
          
          Heatmap layer (heatmap helper)
        
        
Heatmap layer (heatmap helper)

        Example
        
This example shows how to add a heatmap layer to the map using the heatmap layer helper.

      
    

  
  
    

      
        
          
          Point layer cluster (point helper)
        
        
Point layer cluster (point helper)

        Example
        
This example shows how to add a point layer cluster to the map using the point layer helper with the default values.

      
    

  
  
    

      
        
          
          Heatmap layer no zoom compensation (heatmap helper)
        
        
Heatmap layer no zoom compensation (heatmap helper)

        Example
        
This example shows how to add a heatmap layer without zoom compensation radius to the map using the heatmap layer helper.

      
    




      
      

      
        An extension of MapLibre GL JS