uniapp 小程序 map设置地图缩放失效解决方法

原因uniapp map绑定的缩放等级,在鼠标或手指缩放后并没有更新值, 如果遇到需要修改缩放等级的情况会因为设置的值没改变导致地图没有更新

<map class="my_map" id="myMap"  :scale="mapScale"></map>

......
data() {
	return {
		mapScale: 16,
	}
}		

解决办法在需要设置前调取地图查询缩放等级方法,重新设置更新缩放等级后再设置需要的缩放等级就可以缩放了

// 一开始创建的地图对象

onReady() {
	this.mapCtx = uni.createMapContext("myMap")
},

//设置地图缩放等级
setScale(level){
	this.mapCtx.getScale({
		success: res=>{		
			console.log("缩放",res)
			this.mapScale = res.scale;
			this.$nextTick(()=>{
				this.mapScale = level
			})
		}
	})
},
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值