记录实现过程：
需求为移动端用户在使用地图时，缩放地图的同时，可以获知地图此时缩放的级别。
效果图如下：此时缩放地图级别为13
map.on('') 有对应的诸多行为 查看官网即可，这里根据需要为--zoomstart zoom zoomend
代码如下：文章来源：https://www.toymoban.com/news/detail-634853.html
// 地图缩放级别改变时
const ZoomViewer = L.Control.extend({
options: {
position: 'bottomleft' //初始位置
},
onAdd() {
const gauge = L.DomUtil.create('div');
gauge.style.width = '30px';
gauge.style.left = '3px';
gauge.style.background = 'rgba(255,255,255,0.5)';
gauge.style.textAlign = 'center';
map.on('zoomstart zoom zoomend', (ev) => {
gauge.innerHTML = `${map.getZoom().toFixed(0)}`;
});
return gauge;
}
});
const zoomViewer = (new ZoomViewer()).addTo(map);文章来源地址https://www.toymoban.com/news/detail-634853.html
到了这里，关于leaflet-uniapp 缩放地图的同时 显示当前缩放层级的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![uniapp - [安卓|苹果]实现App端引入高德地图，详细获取当前用户手机定位、两个地点的路线规划及相关示例代码，uniapp安卓Android平台软件下使用高德地图，获取当前位置信息及规划路线](https://imgs.yssmx.com/Uploads/2024/02/837073-1.png)
