微信小程序地图wx.createMapContext的moveToLocation

微信小程序地图新出的wx.createMapContext它里面有一个moveToLocation方法是移动到当前位置,里面不需要属性直接调用,但是他有一个bug,他的位置移动在模拟器上跟苹果手机上是生效的,魅族测试时地图显示不出来或是移动方法不生效,这时候如果想要移动到当前位置用 wx.getLocation。

<map id="myMap" style="width: 100%; height: 500rpx;" latitude="{{latitude}}" longitude="{{longitude}}" scale='18' markers="{{markers}}" show-location></map>

data: {

latitude: 45.76,

longitude: 126.666481,

     markers: [{

id: 0,

iconPath: "/img/evaluate1-1.png",

latitude: 45.76,

longitude: 126.666481,

title: ' 第二职业中学',

label: {

content: ' 第二职业中学',

color: '#f0f'

},

width: 30,

height: 30

},{

id: 1,

latitude: 45.76021,

iconPath: "/img/evaluate1-1.png",

longitude: 126.66837,

title:'龙运大厦',

label:{

content: '龙运大厦',

color: '#f0f'

},

width: 30,

height: 30

}]

}

onReady: function (e) {

    wx.getLocation({

type: 'gcj02',

success: function (res) {

var latitude = res.latitude

var longitude = res.longitude

that.setData({

latitude: latitude,

longitude: longitude,

})

}

wx.getLocation({

type: 'gcj02', //返回可以用于wx.openLocation的经纬度

success: function (res) {

var latitude = res.latitude

var longitude = res.longitude

that.setData({

latitude: latitude,//纬度

longitude: longitude,//经度

})

(但是wx.getLocation有bug,多次测试后有时会走fail不返回经纬度,用chooseLocation可暂时解决这个问题)

猜你喜欢

转载自blog.csdn.net/zhou_w_x/article/details/80480276