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

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

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

Example

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