Leaflet.js popup and zoom

Question

Is there a way to make a leaflet.js popup show up at specific zoom levels please, for example when map.getZoom() > 6 only. Hiding the popup or even setting its opacity to zero could also be viable options.

Thanks

Answer 1

Use the method/event handler map.on('zoomend') ( https://leafletjs.com/reference-1.4.0.html#map-zoomend ) to detect whenever the map finishes zooming. Then check the zoom value do see if you want to show the popup or not.

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