在小程序开发中我们可以根据 小程序API提供的wx.getLocation()
获取当前的地理位置(坐标)、速度。
那么有了坐标之后,我们可以通过腾讯地图为我们提供的SDK来实现获取当前位置名称的功能
首先我们打开网https://lbs.qq.com/index.html
进入微信小程序对应的SDK
然后使用前需要先申请开发者密钥(key)
申请成功后可以在控制台直接查看秘钥
秘钥已经申请成功,下面我们进行下载微信小程序JavaScriptSDK v1.0
http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.0.zip(下载链接)
准备工作已经完成,在使用之前记得安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加,添加https://apis.map.qq.com
下面我们将刚才下载的微信小程序JavaScriptSDK v1.0引入到我们小程序内
我们只需要在使用此功能的页面中 引入SDK核心类和实例化API核心类
var QQMapWX = require('../../../libs/qqmap-wx-jssdk.min');
var qqmapsdk;
qqmapsdk = new QQMapWX({
key: 'CM6BZ-RWBR3-*****-*****-*****-*****'//申请的开发者秘钥key
});
然后获取当前地理坐标并将其你解析为位置信息
//自动定位
getLocation() {
wx.getLocation({
type: 'gcj02',
success: res => {
console.log(res);//获取当前位置的坐标
// 调用sdk接口
qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: res =>{
//获取当前地址成功
console.log(res);
},
fail: res => {
console.log('获取当前地址失败');
}
});
},
})
},
wx.getLocation返回值
reverseGeocoder返回值