前言:在使用uniapp开发小程序等一系列任务时,无法获取到当前鼠标滚轮的层级,官方只提供了一个视野移动的方法,很多情况下我们更需要滑动鼠标滚轮回去到层级。
@regionchange只能在移动当前地图的视图时获取到,显然是不适合的,下面配合其他方法获取到滚动时的层级。
那么我们需要获取到鼠标滚轮滚动时地图的层级就要使用到uniapp提供的其他方法。
在页面中的onReady中来先创建map获取到上下文,然后配合使用getScale来调取当前的层级,因为getScale是异步的,我们需要在success返回的数据中拿到层级,可以每秒调用1次 getScale,实时更新当前层级。
onReady: function() {
// 创建地图上下文对象
this.mapContext = uni.createMapContext('map1', this);
// 获取缩放级别 建议1秒一次
this.mapContext.getScale({
success: function(res) {
console.log('当前地图缩放级别:', res.scale);
},
fail: function(error) {
console.log('获取地图缩放级别失败:', error);
}
});
},