Weather wind and temperature layer

Experience the power of visualizing weather conditions, including wind speed and temperature, with the help of MapTiler Cloud’s Weather Wind dataset. By accessing this dataset, you can easily retrieve information about wind speed and temperature at any specific location.

To enhance the user experience, we have implemented a unique feature in this example. Utilizing the ColorRamp.builtin.NULL on the wind layer, we have ensured that only the wind direction particles are displayed above the temperature layer. Additionally, we have incorporated a convenient time control that allows you to select a specific date and time to view the corresponding data. The time control is generated using the getAnimationStartDate() and getAnimationEndDate() functions of the layer, which define the minimum and maximum dates available for exploration.

Learn more

Check out the Weather JS module reference

Check out the Wind layer reference

Check out the Temperature layer reference

Related examples

Weather+ wind arrow layer

Example

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

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.