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.




Related examples




  
  
  
    

      
        
          
          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 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.

      
    

    

      
        
          
          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.

      
    

  
  
    

      
        
          
          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.

      
    




      
      

      
        An extension of MapLibre GL JS