Skip to content

jurb/vue2-leaflet-heatmap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

98b7565 · Jan 13, 2022

History

42 Commits
Nov 5, 2018
Nov 25, 2018
Nov 5, 2018
Nov 5, 2018
Nov 5, 2018
Nov 5, 2018
Jun 19, 2018
Dec 18, 2020
Jan 12, 2022
Nov 5, 2018
Nov 5, 2018
Nov 25, 2018
Nov 5, 2018
Nov 5, 2018
Nov 6, 2018
Nov 10, 2018
Nov 10, 2018
Nov 25, 2018
Nov 25, 2018

Repository files navigation

vue2-leaflet-heatmap

This is a heatmap extension for vue2-leaflet package.

Usage

Download the Vue2LeafletHeatmap.vue file and put it in your component dir.

latlngs prop

The lat-lng prop needs to be an array of LatLng points (a polyline) with an additional third element (intensity) in each point.

Other props

You can use the following props to style the hotline:

  • min-opacity - the minimum opacity the heat will start at
  • max-zoom - zoom level where the points reach maximum intensity (as intensity scales with zoom), equals maxZoom of the map by default
  • max - maximum point intensity, 1.0 by default
  • radius - radius of each "point" of the heatmap, 25 by default
  • blur - amount of blur, 15 by default
  • gradient - color gradient config, e.g. {0.4: 'blue', 0.65: 'lime', 1: 'red'}

Author

Jurian Baas, Nicolò Maria Mezzopera

Acknowledgements

Nicolò Maria Mezzopera was nice enough to turn this into a proper npm module, thanks! >> Removed this, because it keeps giving issues.

This is just a wrapper, all credit to the people who made Leaflet and Leaflet.heat, to Korigan, who made Vue2Leaflet, and to @jperelli and @ikmolbo for creating the Vue2Leaflet markercluster and Vue2Leaflet hotline plugins.

License

MIT

About

Create a heatmap using Vue and Leaflet.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published