<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;
