Wind arrow layer

The WindArrowLayer shows the wind speed in meter per second (m/s). Forecast for speed and direction at an altitude of 10m above ground.

The WindArrowLayer contains both a background to which is applied a color ramp and a set of moving arrow-shaped particles, for this reason, the constructor WindArrowLayer has more options that then other weather layers.

Wind arrow layer

Example

Extends: Arrow layer

Parameters

Options to provide to the Layer constructor (WindArrowLayerOptions)

Properties

options.id
default: "MapTiler Arrow Wind"
ID of the layer
options.colorramp
ColorRamp
default: ColorRamp.builtin.VIRIDIS
Colormap to use. Maximum range possible spans from 0m/s to 75m/s. Default spans from 0m/s to 40m/s
options.opacity
default: 0.8
Opacity of the layer in [0, 1]
options.smooth
default: true
Whether or not the colorramp must be smooth
options.color
RgbaColor
default: [255, 255, 255, 192]
Color of the arrows when slow. RGBA 0-255.
options.fastColor
RgbaColor
default: [255, 255, 255, 192]
Color of the arrows when moving "fast". RGBA 0-255.
options.density
default: 2
Number of arrows visible per 1000 px^2
options.fadeFactor
default: 0.1
How much the particles fade over time
options.fastSpeed
default: 0.8
What is considered "fast" (in px/sec) for coloring purposes. Only makes sense when fastColor is used
options.maxAmount
default: 128
Quantity of arrows to be created. Has to be a power of 2 and at least 4. The actual exact number will be arrows * arrows.
Try to keep this value as low as possible to optimize performance.
The number of actually visible arrows is determined by density.
options.pixelRatio
default: 2 for normal displays and 1 for HiDPI displays
Use more pixels to make particles more smooth (especially when tilted)
options.refreshInterval
default: 800
Time interval (in milliseconds) how often the arrows are refreshed to avoid degradation. Random 1/4 of the arrows is always randomly reset
options.rttTimestep
default: 200
Timestep between arrows render - shorter value means smoother direction change, but can lead to errors in speed computation (current speed is derived from movement on screen) which cause size and color glitches.
options.size
default: 18
Size of the arrows
options.speed
default: 0.001
Speed factor of the arrows
options.worldSpaceConstant
default: false
The world space constant (when true) means the speed of the arrows is compensated with the zoom level so that they travel the same real world distance per unit of time. When false, the arrows travel the same distance in screen space, so that regardless the zoom level, they will travel a constant number of pixels per unit of time.

Methods

Check out the Layers method reference

Events

Check out the Layers events reference

The Weather Plus JS module can only be used with the MapTiler SDK. Contact us to have access to the Weather Plus JS library.