小程序开发(13)-location定位

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值