如何在JavaScript中获取Leaflet地图当前缩放级别（滚动/缩放按钮触发时）

当然可以，Leaflet提供了直接的事件监听和API方法来满足这个需求：

• 监听缩放操作完成事件
  不管是通过鼠标滚轮缩放，还是点击地图自带的缩放按钮，当缩放操作完成时都会触发zoomend事件。给地图绑定这个事件，就能在回调中获取当前缩放级别：

// 初始化地图（替换成你自己的容器ID、经纬度和初始级别）
const map = L.map('map-container').setView([39.9042, 116.4074], 12);

// 绑定zoomend事件监听缩放完成
map.on('zoomend', function() {
  const currentZoom = map.getZoom();
  // 这里可以根据需求处理缩放级别，比如打印到控制台或更新页面显示
  console.log('当前地图缩放级别：', currentZoom);
});

• 任意时机获取当前缩放级别
  如果不需要等待事件触发，想在其他场景（比如点击自定义按钮）获取当前级别，直接调用map.getZoom()方法即可：

// 示例：点击按钮时获取并弹窗显示缩放级别
document.querySelector('#check-zoom-btn').addEventListener('click', function() {
  const currentZoom = map.getZoom();
  alert(`当前缩放级别：${currentZoom}`);
});

补充说明：如果需要监听缩放过程中的实时级别变化（比如缩放时持续更新数值），可以用zoom事件替代zoomend，但多数场景下zoomend更实用，因为它是缩放完成后触发，返回的级别数值更稳定。

内容的提问来源于stack exchange，提问作者AliReza Abbasian