JSPM

  • Created
  • Published
  • Downloads 1335
  • Score
    100M100P100Q112719F
  • License MIT

A custom layer for leaflet to visualise arbitrary velocities

Package Exports

  • leaflet-velocity
  • leaflet-velocity/dist/leaflet-velocity.css
  • leaflet-velocity/dist/leaflet-velocity.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (leaflet-velocity) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

leaflet-velocity NPM version

A plugin for Leaflet (v1.0.3, and v0.7.7) to create a canvas visualisation layer for direction and intensity of arbitrary velocities (e.g. wind, ocean current).

Live Demo: https://danwild.github.io/leaflet-velocity/

  • Uses a modified version of WindJS for core functionality.
  • Similar to wind-js-leaflet, however much more versatile (provides a generic leaflet layer, and not restricted to wind).
  • Data input format is the same as output by wind-js-server, using grib2json.

Screenshot

Example use:

var velocityLayer = L.velocityLayer({
    displayValues: true,
    displayOptions: {
        velocityType: 'Global Wind',
        displayPosition: 'bottomleft',
        displayEmptyString: 'No velocity data'
    },
    data: data, // see demo/*.json, or wind-js-server for example data service
    minVelocity: 0 // defaults to 0
    maxVelocity: 10 // used to align color scale, i.e. ocean currents typically lower than wind velocity
    colorScale: [] // optional, supply an array of hex/rgb colors
});

Reference

leaflet-velocity is possible because of things like:

License

MIT License (MIT)