Create a time slider

Present seismic activities using a slider that spans a specific time range. Utilizing the Map#setFilter function and the D3.js library, construct a timeline slider to visually represent earthquakes that occurred in the year 2015 and had a magnitude greater than 5.9. Use the slider bar to filter earthquakes by month.







  

      
        
          
          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.

      
    
   
  

      
        
          
          Change between light and dark mode based on the time of day
        
        
Change to dark mode at sunset

        Example
        
This example shows how to change the map mode between light and dark based on the time of day.

      
    
   
  

      
        
          
          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.

      
    
   
  

      
        
          
          Update a feature in realtime
        
        
Update a feature in realtime

        Example
        
Change an existing feature on your map in real-time by updating its data.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference