小程序位置授权简易教程：随时随地定位服务开启

小程序位置授权简易教程：随时随地定位服务开启

在微信小程序中，获取用户位置授权是实现定位服务的关键步骤。以下是一个简易的小程序位置授权教程，帮助您顺利开启随时随地的定位服务。

1. 配置app.json

首先，在小程序的app.json文件中，添加权限申请配置：

{
     "permission":  {
         "scope.userLocation":  "desc":  "你的位置信息将用于小程序位置接口的效果展示"
     }
}

2. 获取位置授权

在需要获取用户位置的页面中，使用wx.authorize方法申请位置权限。以下是一个示例代码：

onShow:  function  ()  {
     //  初始获取定位权限
     wx.authorize({
         scope:  'scope.userLocation',
         success:  function  (res)  {
             console.log('授权成功',  res);
             //  授权成功后，可以调用wx.getLocation方法获取用户位置
         },
         fail:  function  (res)  {
             console.log('授权失败',  res);
             //  用户拒绝授权，可以在此处引导用户开启位置权限
             wx.showModal({
                  title:  '',
                 content:  '小程序需要获取您的位置信息，请确认授权',
                 success:  function  (res)  {
                      if  (res.confirm)  {
                          //  用户点击确认，重新获取位置权限
                          wx.openSetting({
                              success:  function  (dataAu)  {
                                  if  (dataAu.authSetting["scope.userLocation"]  ===  true)  {
                                       //  再次授权，调用wx.getLocation的API
                                       console.log('重新授权成功');
                                  }  else  {
                                       wx.showToast({
                                            title:  '授权失败',
                                           icon:  'none'
                                       });
                                  }
                              }
                          });
                      }  else  {
                          wx.showToast({
                               title:  '拒绝授权',
                              icon:  'none'
                          });
                          setTimeout(function  ()  {
                              wx.navigateBack();
                          },  1500);
                      }
                 }
             });
         }
     });
}

3. 获取用户位置

在获取位置授权成功后，可以使用wx.getLocation方法获取用户当前位置。以下是一个示例代码：

getLocation:  function  (dataAu)  {
     //  调用wx.getLocation方法获取用户位置
     wx.getLocation({
          type:  'gcj02',
         success:  function  (res)  {
             console.log('获取位置成功',  res);
             //  处理获取到的位置信息
         }
     });
}

通过以上步骤，您就可以在微信小程序中顺利获取用户位置授权，实现随时随地的定位服务。