# leaflet-div-heatmap

**Repository Path**: fire193625/leaflet-div-heatmap

## Basic Information

- **Project Name**: leaflet-div-heatmap
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-03
- **Last Updated**: 2024-03-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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