效果图:
最近在做收货地址管理,用户第一次打开时需要获取当前位置省市区街道定位,小程序wx.openLocation只能获取到经纬度,所以需要用腾讯地图SDK.。
完成上面步骤,下面是我在小程序中的使用步骤记录:
1.引入当前页面js文件中。
// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
// 实例化API核心类
var qqmapsdk = new QQMapWX({
key: 'xxxxx' //申请的开发者秘钥key
});
2.wx.getLocation获取当前位置经纬度,调用qqmapsdk.reverseGeocoder接口。
wx.getLocation({
type: 'gcj02',
success(res) {
// 调用sdk接口
qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: function(res) {
console.log(res) //获取成功
console.log(res.result.address_component.province) //当前位置省会
console.log(res.result.address_component.city) //当前位置城市
console.log(res.result.address_component.district) //当前位置区域
}
}
})