How to refresh layer with Leaflet/OSM #17

Open
mikekay01 opened this Issue Mar 5, 2013 · 5 comments

Comments

Projects
None yet
2 participants

How do I refresh my heatmap with new data in a Leaflet/OSM environment?

I can successfully build the map using:
heatmap = new L.TileLayer.HeatCanvas...

and can load the map using:
for (var i in MapData) {
console.log('data');
heatmap.pushData(MapData[i][0], MapData[i][1], MapData[i][2])
}

My problem is I do not know how to clear the heatmap and load new data.

I have tried using heatmap.clear(), but this seems to have no effect as everytime I push data into the heatmap it simply adds to the existing data.

Does anyone know how to basically clear the data from a heatmap, load new data in, and redraw the map?

Contributor

bozdoz commented Mar 5, 2013

I just sent a pull request to remove the data when using heatmap.clear().

What you need to do for now, I believe, is:

//clear the data
heatmap.data = [];
//add the data
for (var i in MapData) {
heatmap.pushData(MapData[i][0], MapData[i][1], MapData[i][2])
}
//redraw already clears the heatmap
heatmap.redraw();

I'm testing right now...

Contributor

bozdoz commented Mar 6, 2013

How'd that go? :)

It seems to work .

Sent from my iPhone

On Mar 5, 2013, at 6:03 PM, Benjamin J DeLong notifications@github.com wrote:

How'd that go? :)


Reply to this email directly or view it on GitHub.

Sorry, I just got back to this portion of my project. Unfortunately, it doesn't work. The map continues to add new data points. Is there a fix for this situation?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment