在vue+mapboxgl的学习中,如何获取当前鼠标控制的地图缩放级别呢?这里需要使用map.getZoom()方法,返回值即为当前地图的缩放级别指数(详细接口如下图)

//定义变量range为地图的当前地图缩放级数
var range=map.getZoom();
//打印输出
console.log(range)

当鼠标发生滚动,触发滚轮滚动事件,实时获取当前缩放级别指数 。

//当鼠标滚动时,触发事件,获取当前地图缩放级别
map.on("wheel", function () {
    console.log("A wheel event occurred.");
    var range = map.getZoom();
    console.log(range);
});

 

 

Logo

前往低代码交流专区

更多推荐