小程序获取地理位置(经纬度)

html页面

小程序获取地理位置(经纬度)
<view class="map" bindtap=‘map‘>
  定位
</view>
js页面
 map() {
      // 在组件实例进入页面节点树时执行
      var _this = this
      wx.getSetting({
        success(res) {
          // 1. scope.userLocation 为真, 代表用户已经授权
          if (res.authSetting[‘scope.userLocation‘]) {
            // 1.1 使用 getlocation 获取用户 经纬度位置
            wx.getLocation({
              type: ‘gcj02‘,
              success(res) {
                // 1.2 获取用户位置成功后,将会返回 latitude, longitude 两个字段,代表用户的经纬度位置
                // 1.3 将获取到的 经纬度传值给 getAddress 解析出 具体的地址
                _this.getAddress(res.latitude, res.longitude)
              }
            })
          } else {
            // 2. 用户未授权的情况下, 打开授权界面, 引导用户授权.
            wx.openSetting({
              success(res) {
                // 2.1 如果二次授权允许了 userLocation 权限, 就再次执行获取位置的接口
                if (res.authSetting["scope.userLocation"]) {
                  wx.getLocation({
                    success(res) {
                      // 2.2 获取用户位置成功后,将会返回 latitude, longitude 两个字段,代表用户的经纬度位置
                      // 2.3 将获取到的 经纬度传值给 getAddress 解析出 具体的地址
                      _this.getAddress(res.latitude, res.longitude)
                    }
                  })
                }
              }
            })
          }
        }
      })
    }

相关文章