Display HTML clusters with custom properties

This advanced example showcases the implementation of MapTiler SDK JS clustering by using HTML markers and custom property expressions. To substitute a MapTiler layer with HTML or SVG for clusters, it is necessary to manually synchronize the clustered source with a collection of marker objects that consistently update as the map view changes.







  

      
        
          
          Create and style clusters
        
        
Create and style clusters

        Example
        
Use SDK JS built-in functions to visualize points as clusters.

      
    
   
  

      
        
          
          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.

      
    
   
  

      
        
          
          Point filtering by property
        
        
Point filtering by property

        Example
        
Filter thousands of features in real time to quickly and easily find those with a property that meets your search criteria.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference