1.下载腾达sdk(腾讯地图官网下载)
2.// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk')
3.// 实例化API核心类
var qqmapsdk = new QQMapWX({
key: "*******************" // 必填
});
4.经纬度转换
//监听页面加载
onLoad(){
let that = this
//获取地理位置(定位)
wx.getLocation({
type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
success: function(res){
// 逆地址解析
qqmapsdk.reverseGeocoder({
location:{
latitude: res.latitude, //维度
longitude: res.longitude //经度
},
success({result}){
// console.log(result);
// console.log(result.address_component.city);
//考虑this指向问题
that.address = result.address_component.city
}
})
}
})
//获取数据(默认加载20条)
db.collection("lists").skip((this.page-1)*10).limit(10).get().then(res=>{
res.data.forEach((item,key)=>{
//截取字符串 split() 字符串转数组 splice(开始的索引,截取的个数)
//截取label字符串并存入labelArr数组中,接着保存在对象中
res.data[key]['labelArr'] = item.label.split(",").splice(0,4);
})
this.lists = res.data
this.page++;
})