小程序2.8.0起支持将地图中心移动到指定位置,我们打开地图时希望地图的中心就在自己实际的的定位点,所以我们可以使用这个功能。
但是在实际使用时却出现地图中心与定位点不一致的情况。先看代码:
#在地图组件中将show-location设置为true
<map id="myShareMap" class="map_show" show-location="true" longitude="{{longitude}}" latitude="{{latitude}}"> </map>
//js中先创建MapContext上下文,然后通过其调用moveToLocation方法
this.map = wx.createMapContext('myId', this)
this.map.moveToLocation({
longitude: this.longitude,
latitude: this.latitude,
success: function () {
console.log("成功将地图中心移到定位点")
}
})
但是这样就会出现上面的问题,找了很久都找不到原因。
解决办法:
在wx.getLocation方法获取位置的时候,使用gcj02坐标系,这样就可以解决这个问题了
wx.getLocation({
type: 'gcj02',
success: function(){
}
})
写在最后:
- 如果文章中有错误或是表达不准确的地方,欢迎大家评论中指正,以便我完善。
- 文章我也会根据所学到新的知识不断更新。
网友评论