今天记录下获取用户位置wx.getLocation,代码也比较简单,所以简单的记录下,先看下getLocation方法,首先接收一个callback,这个callback只是方便一下,当拿到经纬度后,只调用一个函数时才传,如果后面需要调用多个函数,那么就是通过我们return的Promise了
下面说下Promise里面的逻辑,首先就是判断app.js中是否有这个经纬度,如果有的话,把这个经纬度包装下返回给callback或resolve,否则使用wx.getLocation获取,然后把经纬度存在全局上,再执行callback或resolve,这样第一次调用wx.getLocation后,经纬度就在globalData上了,之后的页面需要的话,就调用下示例代码,就能拿到globalData上的经纬度了
#示例代码
location.getLocation.call(this).then(res => {
// 返回的经纬度
this.setData({
point: res
})
});
#代码
function getLocation(callback) {
var _this = this;
return new Promise((resolve, reject) => {
if (app.globalData.latitude && app.globalData.longitude) {
let params = {
lat: app.globalData.latitude,
lng: app.globalData.longitude
}
if (callback) {
callback.call(_this, params);
} else {
resolve(params);
}
} else {
wx.getLocation({
type: 'gcj02',
success: (res) => {
console.log('用户位置', res);
let { latitude: lat, longitude: lng } = res;
app.globalData.latitude = lat;
app.globalData.longitude = lng;
console.log(lat, lng);
let params = {
lat: lat,
lng: lng
};
if (callback) {
callback.call(_this, params);
} else {
resolve(params);
}
}
})
}
})
}