Leaflet.js heatmap.js - событие изменения размера окна

Question

Я использую heatmap.js для печати тепломасок на листочке.js. Я могу сделать это красиво. Однако, скажем, начальный размер окна/div составляет 400x400. Затем я изменяю размер окна, а div становится 600x600, слой тепловой карты все еще имеет размер 400x400 и отсекает. Когда вы перемещаете карту, вы можете увидеть нарезанную область 400x400 тепловой карты.

В любом случае, чтобы изменить размер или изменить размер?

Answer 1

Вы можете слушать resize события вашей L.Map Например:

сгорело, когда карта изменяется.

http://leafletjs.com/reference.html#map-resize

Затем используйте invalideSize метод L.Map например:

Проверяет, если размер карты контейнера изменен и обновляет карту, если так - называют это после того, как вы изменили карту размер динамически,

http://leafletjs.com/reference.html#map-invalidatesize

map.on('resize', function() { 
    map.invalidateSize(); 
});