第一步:申请腾讯位置服务key https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html
第二步:下载qqmap-wx-jssdk.js 地址https://lbs.qq.com/qqmap_wx_jssdk/index.html
第三步:修改app.js来获取城市定位
笔者思路:进入小程序就获取定位,并保存定位名称,判断存在不执行获取位置;
我是onLaunch在这个方法里获取位置,当小程序初始化完成时,会触发 onLaunch(全局只触发一次),因为我的项目是开始就获取用户位置来实现城市切换的。
贴出来了部分代码供参考。
var QQMapWX = require('js/qq-wx/qqmap-wx-jssdk.js');
App({
onLaunch: function () {
// 实例化API核心类
var qqmapsdk = new QQMapWX({
key: 'JNBBZ-SLJ65-L2PIK-QB3G6-****' // 必填
});
wx.getLocation({
type: 'wgs84',
success: function (res) {
var latitude = res.latitude
var longitude = res.longitude
// 调用接口
qqmapsdk.reverseGeocoder({
location: {
latitude: latitude,
longitude: longitude
},
success: function (res) {
console.log(res['result']['address_component']['city']);//获取市名称
},
fail: function (res) {
console.log(res);
},
complete: function (res) {
console.log(res);
}
})
}
})
},
onShow: function () {
console.log('App Show')
},