Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 

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

About

Heatmap layer for leaflet using CSS radial gradients and divIcon class

Resources

Packages

No packages published