You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
A plugin for Leaflet to add visualisation overlay of wind direction, wind velocity, and temperature.
To use this plugin, you will need to run your own wind-js-server instance.
The data is 1 degree, 6 hourly data from NOAA.
leaflet-velocity released
Consider using leaflet-velocity instead of wind-js-leaflet, as it is more flexible and up to date.
v2 Breaking Changes
Now supports both leaflet version 0.7.7 and 1.0.3.
However this update brings one breaking change - how you initialise the plugin.
v1 way to init:
WindJSLeaflet({options: 'here'});
v2 way to init:
WindJSLeaflet.init({options: 'here'});
Install
Basic
Download zip and include dist/wind-js-leaflet.js and dist/wind-js-leaflet.css files using resource tags.
localMode: true// use a local data file to test before hitting a real wind-js-server
map: map,// ref to your leaflet MaplayerControl: layerControl,// ref to your leaflet layer controluseNearest: false,// get nearest data to your ISO time stringtimeISO: null,// your ISO time string, falls back to current time (can also use WindJsLeaflet.setTime(time))nearestDaysLimit: 7,// the maximum range (±) to look for data displayValues: true,// whether or not to add a mouseover control to display valuesdisplayOptions: {displayPosition: 'bottomleft',// leaflet control positiondisplayEmptyString: 'No wind data'// what to display in mouseover control when no data},overlayName: 'wind',// string to display for the overlay in your layer controlpingUrl: 'https://localhost:7000/alive',// url to check service availabilitylatestUrl: 'https://localhost:7000/latest',// url to get latest data with no required params nearestUrl: 'https://localhost:7000/nearest',// url to get data nearest a specified time ISOerrorCallback: handleError// callback function to get called on error
Reference
wind-js-leaflet is possible because of things like: