Weather layer switcher

Switch the display of various weather layers within the MapTiler Cloud Weather dataset and access the data details at the location indicated by the cursor.

By utilizing the animateByFactor(3600) function, we can create a time-based animation that spans the next four days. Each second of the animation represents an hour.

Utilize the provided time animation bar to explore the weather forecast for the upcoming four-day period.

Learn more

Check out the Weather JS module reference

Related examples

Weather+ pressure isolines layer

Example

Visualize weather pressure isolines layer from MapTiler Cloud Weather Plus Pressure dataset.

Weather+ wind arrow layer animated

Example

Visualize weather wind arrow layer from MapTiler Cloud Weather Plus Wind dataset and get the wind speed at the point under the cursor.

Weather custom popup

Example

This example demonstrates using custom popups on top of a map because MapLibre's popups were originally quite limited in layout and style.

Weather wind and temperature layer

Example

Visualize weather wind and temperature layer from MapTiler Cloud Weather Wind dataset and get the wind speed and temperature at the point under the cursor.