微信小程序,动态设置地图中心点,位置错误?

<map id="myMap" style="width: 100vw;height:100vh" :scale="scale" :longitude="longitude" :latitude="latitude"

    :markers="markers" @callouttap="gohoteldetail" @markertap="gohoteldetail" @regionchange="regionchange">

</map>

点击某一个省   调ajax接口,返回数据之后,重新渲染markers,并重新设置scale扩大地图

之前的写法是:点击【省】的时候,把scale从4改到7,然后调ajax接口后,计算【中心点】的经纬度坐标,赋值给地图。

模拟器显示正确,在真机上,中心点的坐标一直跑偏。

比如选择【河北省】,应该进入【石家庄市】,结果地图一直显示【河南的郑州】。。。

后来看了小程序的一个代码片段,发现设置坐标是可以改变地图中心点的。

研究了一下,调整了渲染顺序,把scale更改放到更新坐标之后再更改,结果真机正确了。

this.latitude=data.latitude;

this.longitude=data.longitude;

this.scale=7;



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容