美文网首页
小程序获取经纬度

小程序获取经纬度

作者: milko1991 | 来源:发表于2020-11-20 16:52 被阅读0次

    1、判断是否打开定位服务,未打开就弹窗提示

    let vm = this
        wx.getSetting({
          success: (res) => {
            // res.authSetting['scope.userLocation'] == undefined  表示 初始化进入该页面
            // res.authSetting['scope.userLocation'] == false  表示 非初始化进入该页面,且未授权
            // res.authSetting['scope.userLocation'] == true  表示 地理位置授权
            // 拒绝授权后再次进入重新授权
            if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {
              // console.log('authSetting:status:拒绝授权后再次进入重新授权', res.authSetting['scope.userLocation'])
              wx.showModal({
                title: '',
                content: '需要获取你的地理位置,请确认授权',
                success: function (res) {
                  if (res.cancel) {
                    wx.showToast({
                      title: '拒绝授权',
                      icon: 'none'
                    })
                    vm.setData({'address': '获取失败!'})
                    setTimeout(() => {
                      wx.navigateBack()
                    }, 1500)
                  } else if (res.confirm) {
                    wx.openSetting({
                      success: function (dataAu) {
                        // console.log('dataAu:success', dataAu)
                        if (dataAu.authSetting["scope.userLocation"] == true) {
                          //再次授权,调用wx.getLocation的API
                          vm.getLocation(dataAu)
                        } else {
                          wx.showToast({
                            title: '授权失败',
                            icon: 'none'
                          });
                          setTimeout(() => {
                            wx.navigateBack()
                          }, 1500)
                        }
                      }
                    })
                  }
                }
              })
            }
            // 初始化进入,未授权
            else if (res.authSetting['scope.userLocation'] == undefined) {
              // console.log('authSetting:status:初始化进入,未授权', res.authSetting['scope.userLocation'])
              //调用wx.getLocation的API
              vm.getLocation(res)
            }
            // 已授权
            else if (res.authSetting['scope.userLocation']) {
              // console.log('authSetting:status:已授权', res.authSetting['scope.userLocation'])
              //调用wx.getLocation的API
              vm.getLocation(res)
            }
          }
        })
    

    2、获取经纬度

    let vm = this
        wx.getLocation({
          type: "wgs84",
          success: function (res) {
            let latitude = res.latitude;
            let longitude = res.longitude;
          },
          fail: function (res) {
            if (res.errMsg === 'getLocation:fail:auth denied') {
              wx.showToast({
                title: '拒绝授权',
                icon: 'none'
              })
              setTimeout(() => {
                wx.navigateBack()
              }, 1500)
              return
            }
            if (!userLocation || !userLocation.authSetting['scope.userLocation']) {
              vm.getUserLocation()
            } else if (userLocation.authSetting['scope.userLocation']) {
              wx.showModal({
                title: '',
                content: '请在系统设置中打开定位服务',
                showCancel: false,
                success: result => {
                  if (result.confirm) {
                    wx.navigateBack()
                  }
                }
              })
            } else {
              wx.showToast({
                title: '授权失败',
                icon: 'none'
              })
              setTimeout(() => {
                wx.navigateBack()
              }, 1500)
            }
          }
        })
    

    需在app.json文件中添加如下配置:

     "permission": {
        "scope.userLocation": {
          "desc": "请确认授权"
        }
      }
    

    相关文章

      网友评论

          本文标题:小程序获取经纬度

          本文链接:https://www.haomeiwen.com/subject/ystjiktx.html