mapboxgl获取当前地图缩放级别

在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);
});