微信小程序获取到经纬度之后获取详细位置信息
·
1.使用微信小程序提供的wx.getLocation()获取当前位置的经度纬度
2.前往腾讯定位服务申请所需要的key,https://lbs.qq.com/dev/console/key/manage
3.https://apis.map.qq.com/ws/geocoder/v1/?location=lat<纬度>,lng<经度>&key=你申请的key
腾讯定位服务开发文档:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
data: {
},
onLoad: function (options) {
// this.getAddressDetail();
qqmapsdk = new QQMapWX({
key: 'XVLBZ-BSU66-ULJSQ-MFGXD-TM7GZ-55F2M'
});
},
getAddressDetail: function () {
let that = this;
wx.getLocation({
type: 'wgs84',// 参考系
success: function (res) {
var latitude = res.latitude;
var longitude = res.longitude;
console.log("纬度=" + latitude + " 经度=" + longitude);
// 构建请求地址
var qqMapApi = 'https://apis.map.qq.com/ws/geocoder/v1/' + "?location=" + latitude + ',' +
longitude + "&key=" + '你申请的key' + "&get_poi=1";
that.sendRequest(qqMapApi);
}
})
},
sendRequest: function (qqMapApi) {
let that = this;
// 调用请求
wx.request({
url: qqMapApi,
data: {},
method: 'GET',
success: (res) => {
console.log(res)
if (res.statusCode == 200 && res.data.status == 0) {
// 从返回值中提取需要的业务地理信息数据
that.setData({ nation: res.data.result.address_component.nation });
that.setData({ province: res.data.result.address_component.province });
that.setData({ city: res.data.result.address_component.city });
that.setData({ district: res.data.result.address_component.district });
that.setData({ street: res.data.result.address_component.street });
}
}
})
},
onShareAppMessage: function () {
}
})
更多推荐


所有评论(0)