小程序定位失败的解决方案

小程序中用户点击拒绝定位权限时,需要进行一些列符合业务逻辑的提示,使用户重新给予权限:

①在获取定位的fail回调函数中给一个提示,以逆地址解析为例:

  loadLocation(){
    qqmapsdk=new QQMapWX({
      key:""
    });
    qqmapsdk.reverseGeocoder({
      success:(res)=>{
      },
      fail:(err)=>{
        this.setData({
          cityname:"定位失败,点击重试"
        })
      }
    })
  }
②在data中声明判断位置是否加载成功的变量(boolean)默认false,并在获取定位的回调函数中进行逻辑判断,success->true   fail->false; ③在需要基于位置进行事件处理的函数中进行必要的逻辑判断,变量为true执行操作,否则重新执行定位; ④弹窗提示用户没有权限(这里可以有其他的解决方案,具体看业务需求):
        // 弹窗提示用户没有权限,
        wx.showModal({
          title:"提示",
          content:"获取当前位置需要授权,是否跳转到设置界面?",
          success:(res)=>{
            if(res.confirm){
              // 执行跳转,到设置界面
              wx.openSetting({
                success:(settingRes)=>{
                  // console.log(settingRes);
                  if(settingRes.authSetting['scope.userLocation']){
                    this.loadLocation();
                  }
                }
              })
            }
          }
        })

至此定位失败的一套逻辑基本实现了,小白写项目,有很多不足之处,如果有更好的解决方案,欢迎大家交流

上一篇:SpringMVC向域*享数据


下一篇:$.ajax返回的JSON无法执行success只进行error的解决方法