Leaflet.js всплывающее окно и масштабирование

Question

Есть ли способ, чтобы всплывающее окно leaflet.js отображалось при определенных уровнях масштабирования, например, только при map.getZoom() > 6. Скрытие всплывающего окна или даже установка его непрозрачности на ноль также могут быть приемлемыми вариантами.

Спасибо

Answer 1

Используйте метод / обработчик событий map.on('zoomend') (https://leafletjs.com/reference-1.4.0.html#map-zoomend), чтобы определить, когда карта заканчивает масштабирование. Затем проверьте значение масштабирования, чтобы увидеть, хотите ли вы показать всплывающее окно или нет.

map.on('zoomend', function(){
  if(map.getZoom() > 6){
    showPopup();//your function here
  } 
});