Canvas not redrawn unless zoom is changed with leaflet about heatmap.js HOT 2 CLOSED

The problem lies deeper. The canvas element created for the heatmap isn't removed from the tile on redraw. On each redraw an additional canvas is added on top of the old one. The "clear" area/canvas that you expect to be on the old heatmap area is there. But the old heatmap drawing is still below it.

I just encountered a similar problem. I reload my heatmap data on moving/zooming via Ajax. On each data-update a new heatmap is rendered on top of the old one.

The solution:

Clear the tile-div before recreating a new Heatmap:

heatmap-leaflet.js Line 189:

tile.innerHTML = ""; // add this line 
var heatmap = h337.create({

from heatmap.js.

Seems it's a leaflet issue:

Leaflet/Leaflet#1817

from heatmap.js.