原因uniapp map绑定的缩放等级,在鼠标或手指缩放后并没有更新值, 如果遇到需要修改缩放等级的情况会因为设置的值没改变导致地图没有更新
<map class="my_map" id="myMap" :scale="mapScale"></map>
......
data() {
return {
mapScale: 16,
}
}
解决办法在需要设置前调取地图查询缩放等级方法,重新设置更新缩放等级后再设置需要的缩放等级就可以缩放了文章来源地址https://www.toymoban.com/news/detail-525540.html
// 一开始创建的地图对象
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
})
}
})
},
文章来源:https://www.toymoban.com/news/detail-525540.html
到了这里,关于uniapp 小程序 map设置地图缩放失效解决方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!