Skip to content
Heatmap layer for leaflet using CSS radial gradients and divIcon class
CSS JavaScript
Latest commit db45c41 Mar 11, 2014 @dpiccone Merge pull request #1 from Ugoku/patch-1
Fix for lat == 0 or lng == 0

readme.md

Leaflet divHeatmap Layer

Lightweight implementation of an heatmap layer for leaflet using CSS3 and divIcon

Use

var divHeatmapLayer = new L.DivHeatmapLayer();

Options

{
    clickable: true or false, // divHeatmapLayer.on('click',function() {...});
    radius: 100,
    gradient: true or false, // Make solid blobs
    color: '255,0,0' or '#FF0000'
}

Methods:

.setData(data)

Loads an array of data points:

var data = [
{
    lat:10,
    lon:12,
    value:1
},
{
...
}
];

.getData()

Returns the dataset in the heatmap.

.clearData()

Clears all the data.

.morphData(data)

Load a new dataset performing a fadeOut on the old data and a fadeIn on the new data.

.fadeInData(data)

Loads an array of data points fading.

.fadeOutData()

Removes the current data making it fade out.

To Do

  • Callbacks for animations
  • Support for CSS animations
Something went wrong with that request. Please try again.