今天记录下获取用户位置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);}}})}})
}