1:去腾讯地图官网下载地图工具包放到lib文件夹下
2:在所用的js里引入
var QQMapWX = require("../../libs/qqmap-wx-jssdk.js"); //引入插件
var qqmapsdk; //定义变量(文档那的)
Page({
/**
* 页面的初始数据
*/
data: {
curLat: 0, // 存纬度的 (手动选择地址后 经纬度重新赋值, 打开地图 要用)
curLon: 0 ,//存经度的,
curCityAddress:'',//当前位置
},
//获取当前定位
position(){
var that = this;
var locations;
qqmapsdk = new QQMapWX({
key: '去腾讯地图开发者平台中申请'
});//新建实例
wx.getLocation({ //小程序 的获取当前的位置经纬度
type: 'gcj02',
success(res) {
that.setData({//给经纬度赋个值吧
curLat: res.latitude,
curLon: res.longitude
})
qqmapsdk.reverseGeocoder({ //腾讯的地图的接口 经纬度查位置 //并没有很精确
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: function (addressRes) {
// 可看文档取自己需要信息 这只取了address
that.weather()
that.setData({
curCityAddress: addressRes.result.address,
})
},
fail: function (error) {
console.error(error);
},
})
},
fail: function (err) {
console.log(err);
//失败的时候 可以查查 用户授权情况
//wx.getSetting();获取用户的当前设置,返回值中只会出现小程序已经向用户请求过的权限
wx.getSetting({
success: function (res) {
console.log(res);
console.log(res.authSetting.scope.userLocation); //可以判断用户是否 取消授权了 以便后续可以再次提醒他授权
//授权在这不多做讨论
}
})
}
})
}
})