Products
MapTiler Cloud
Maps Platform GeoData Hosting Weather Visualization Static maps API
MapTiler
Map Design Tool Search & Geocoding IP Geolocation API MapTiler SDK JS
server & data
Self-hosted Maps Map Server
Engine & Desktop
GeoData Processing
Company
News Careers About Us Open-source Contact
Pricing
Resources
Documentation Portal JavaScript SDK Android SDK iOS SDK API Client Library + CLI API Reference Tileset Schemas YouTube Channel Support
Search Products
MapTiler Cloud
Maps Platform GeoData Hosting Weather Visualization
MapTiler
Map Design Tool Search & Geocoding IP Geolocation API Static maps API MapTiler SDK JS
server & data
Self-hosted Maps Map Server
Engine & Desktop
GeoData Processing
Company
News Careers About Us Open-source Contact
Pricing Resources
Documentation Portal JavaScript SDK Android SDK iOS SDK API Client Library + CLI API Reference Tileset Schemas YouTube Channel Support
My Cloud
My Cloud
  1. Documentation
  2. SDK JS
  3. Examples
  4. Weather wind layer

Weather wind layer

Experience viewing the weather wind layer from the MapTiler Cloud Weather Wind dataset and get the wind speed at the specific location indicated by the cursor. View the wind animation up to 60 frames per second.

To display data for the next four days in an animated format, you can use the layer’s animateByFactor function.



Learn more

Check out the Weather JS module reference

Check out the Wind layer reference

Related examples

Weather custom popup

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

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 wind show direction arrow

Weather wind direction

Example

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

Weather Plus wind arrow layer

Weather+ wind arrow layer

Example

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

An extension of MapLibre GL JS
Interactive weather layers to customize for MapTiler Cloud and MapTiler SDK JS

Examples

More than 100 examples

SDK JS Reference

  • Map
  • Map Styles
  • Markers and popups
  • Sources
  • Layers
  • Controls
  • Helpers
  • Coordinates
  • Events
  • User interaction handlers
  • Languages
  • Color Ramp
  • Config
  • API Client
  • Properties and options
  • Types

SDK Modules

  • 3D JS
  • Augmented reality (AR)
  • Elevation Profile
  • Geocoding
  • Marker Layout
  • Weather JS

Video tutorials

  • video tutorial about sdk-js
  • More video tutorials

JS Frameworks

  • Angular
  • React
  • Svelte
  • Vue.js
  • Vite

Other maps libraries

  • MapTiler SDK JS
  • Leaflet
  • OpenLayers
  • Deck.gl
  • Cesium

Other libraries

  • Unreal
  • Unity

Module Usage

  • MapTiler SDK JS
  • Leaflet
  • OpenLayers
  • MapLibre GL JS
  • React component
  • Svelte component
  • Vanilla JS

Module Reference

  • API Reference
  • Types and interfaces

Follow us on

Products
Maps API Geocoding Map designers tool GeoData hosting Static map IP Geolocation API Coordinates API Data processing Weather visualization MapTiler SDK Self-hosting Server Self-hosting Data
Maps & data
Streets Satellite Basic Light Dark Outdoor Winter 3D Terrain Countries MapTiler planet Attribution-free map Map preview Showcases & Tools
Usage
Transportation Weather Real Estate Aviation News & Media Government Mapbox alternative Google Maps API alternative Maps in videos Maps for games Custom coordinate systems Augmented reality maps Elections
Documentation
Tutorials API Reference Web SDK Android SDK iOS SDK Tileset Schemas YouTube channel Bug report
Company
News Jobs About Us Become a Partner Open-source Press Contact Cookie settings

©  2024  MapTiler. All rights reserved. Privacy & Terms.