On this page

    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
    

      
      Examples

      
    
        Filter features in real time by property.
      
    
        
  
    
  
  
  
  

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

      
      Examples

      
    
        Toggle light and dark map modes based on time.
      
    
        
  
    
  
  
  
  

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

      
      Examples

      
    
        Add clustered point layer using MapTiler point helper.
      
    
        
  
    
  
  
  
  

  
    
    
      
        
        Update a feature in realtime
      
      
    Update a feature in realtime
    

      
      Examples

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

    


    
    
    
      
      An extension of MapLibre GL JS
      
    
    
    
  
    
  
    
    
    
  
    
    
    Was this helpful?
    
    
    
      
    
        
    
        
    
        
    
          
    
            
    
              
    
                
                
                
                
              
    
              
            
    

            

            

            
            
          
    
        
    

        
        
        
        
      
    
    
    
  
    

    




  
    

    


  
    

  

  
    
    

  
    

  

    
  
    
      
    
        SDK JS
      
    
    
  
    
      
    
        Examples
      
    
    
  
  
    Create a time slider
    
  
    Create a time slider