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

Leaflet divHeatmap Layer

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


var divHeatmapLayer = new L.DivHeatmapLayer();


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



Loads an array of data points:

var data = [


Returns the dataset in the heatmap.


Clears all the data.


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


Loads an array of data points fading.


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.