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})}})
},

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

微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...
微信小程序map 动态修改markers的解决方法
微信小程序map动态markers的解决方法先上效果图这里演示点击标记点,改变他的气泡背景颜色和字体颜色 1.动态修改数据,需要用到 this.setData(), 2.markers 是一个数组 ...
uniapp小程序开发设置系统状态栏高度、全屏背景图设置
效果: uniapp小程序开发设置系统状态栏高度/全屏背景图设置 <view class="login"><view class="status_bar ...
uniapp 小程序唤醒高德地图或腾讯地图进行导航
uniapp 小程序唤醒高德地图或腾讯地图进行导航 methods: {mapFun(){uni.openLocation({latitude: 29.58832234563708,//纬度longi ...
开发微信小程序中遇到的坑及解决方法
开发微信小程序中遇到的坑及解决方法参考文章: (1)开发微信小程序中遇到的坑及解决方法 (2)https://www.cnblogs.com/feiye512/p/6070052.html ...
微信小程序访问豆瓣电影api400错误解决方法
微信小程序访问豆瓣电影api400错误解决方法参考文章: (1)微信小程序访问豆瓣电影api400错误解决方法 (2)https://www.cnblogs.com/bubbleStar/p/610 ...
微信小程序android错误,微信小程序首页数据初始化失败的解决方法
一. 问题描述用户首次后再次进入小程序时,我们通常需要通过获取用户openid或unionid用作唯一标示与后台进行数据交流,初始化用户信息.当我们通过第三方服务器跟微信建立请求时,微信需要用户确认 ...
微信小程序map组件地图定位当前位置
小程序map组件的应用方式:简单版 wxml: <map id="map" latitude="{{latitude}}" longitude=" ...
uniapp 小程序map地图上显示多个酷炫动态的标点，头像后端传过来，真机测试有效
文章目录前言一.使用uniapp 原生的map 组件二.发现坑1 三.分析ui图----发现坑2 四.发现坑3 四.发现坑4 五.发现坑5 ----------------很重要,楼主花费了好长 ...

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

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

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

最新文章

热门文章

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

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

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

最新文章

热门文章

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