<map
id="map"
latitude='{{latitude}}'
longitude='{{longitude}}'
scale="18"
show-location
style="width: 100%; height: 100%;"
>
wxml文件中引入map组件,调用wx.getLocation方法获取用户定位信息
wx.getLocation({
type: 'gcj02',
success: (res) => {
let longitude = res.longitude;
let latitude = res.latitude;
this.setData({
longitude,
latitude
})
},
fail: (res) => {}
})
需要使用腾讯地图api ,将经纬度转为位置信息
http://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
let qqmapsdk;
qqmapsdk = new QQMapWX({
key: '*************'
});
qqmapsdk.reverseGeocoder({//根据经纬度获取详细地址
location: {
latitude: this.data.latitude,
longitude: this.data.longitude
},
success: function (res) {//成功后的回调
console.log(res);
},
complete: function (res) { }
})