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

Posted 午夜白雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序获取地理位置(经纬度)相关的知识,希望对你有一定的参考价值。

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)
                    }
                  })
                }
              }
            })
          }
        }
      })
    }

以上是关于小程序获取地理位置(经纬度)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序正确的异步request请求,根据经纬度获取地理位置信息

微信小程序-获取当前位置和城市名

微信小程序获取位置信息

小程序 获取地理位置-- wx.getLocation

微信小程序wx.getLocation()获取经纬度及JavaScript SDK调用腾讯地图API获取某一类地址

微信小程序获取位置信息