Weather temperature layer

Visualize weather temperature layer from MapTiler Cloud Weather Temperature dataset and get the temperature at any given location.

Within the temperature layer, we utilize a selection of pre-defined color ramps available in the SDK. By implementing the animateByFactor(3600) function of the temperature layer, we can create a dynamic time-based animation for the next four days. Each second of the animation accurately represents one hour.

Learn more

Check out the Weather JS module reference

Check out the Temperature layer reference

Related examples

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 layer switcher

Example

Switch the display of the different weather layers in the MapTiler Cloud Weather data set and get the data information at the point under the cursor.

Weather layer custom color blind ramp

Example

Visualize weather temperature layer from MapTiler Cloud Weather Temperature dataset with a custom color blind ramp and get the temperature at the point under the cursor.

Weather+ wind arrow layer

Example

Visualize weather wind arrow layer from MapTiler Cloud Weather Plus Wind dataset .