Creates an animated map to fly between different locations

Using SDK JS, this example showcases the ability to navigate between various locations and present the distribution of schools in the United States through a heatmap layer at lower zoom levels. Additionally, a circle layer with a data-driven style is employed to provide more detailed information on school frequencies as the zoom level increases.







  

      
        
          
          Display HTML clusters with custom properties
        
        
HTML clusters with custom properties

        Example
        
Extend clustering with HTML markers and custom property expressions.

      
    
   
  

      
        
          
          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 (heatmap helper)
        
        
Heatmap layer (heatmap helper)

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

      
    
   
  

      
        
          
          Fly to a location
        
        
Fly to a location

        Example
        
Use flyTo to smoothly interpolate between locations.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS