小程序---获取当前定位的经纬度

最新推荐文章于 2024-09-03 10:24:04 发布

weixin_45121510

最新推荐文章于 2024-09-03 10:24:04 发布

阅读量319

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/weixin_45121510/article/details/109643925

小程序专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何使用微信小程序JavaScript SDK实现用户地理位置的获取与逆地理编码，即从经纬度坐标转换为具体的地址描述，包括城市名等信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要用到微信小程序JavaScript SDK：

入门及使用限制

逆地址解析(坐标位置描述)

    // 获取当前定位的经纬度
    getLocation() {
      debugger
      let that = this
      wx.getSetting({
        success: (res) => {
          if (!res.authSetting['scope.userLocation']) {
            wx.getLocation({
              type: 'wgs84',
              success: function (res) {
                qqmapsdk = new QQMapWX({
                  key: '…………' //这里用自己的key秘钥进行填充
                });
                that.getLocal(res.latitude, res.longitude)
              },
              fail() { // 拒绝获取地理位置
                wx.showModal({
                  content: '您暂未开启地理位置权限，是否开启',
                  confirmText: '去开启',
                  cancelText: '取消',
                  success(res) {
                    if (res.confirm) {
                      wx.openSetting({
                        scope: 'scope.userLocation',
                        success(res) {
                          wx.getLocation({
                            type: 'wgs84',
                            success: function (res) {
                              qqmapsdk = new QQMapWX({
                                key: '…………' //这里用自己的key秘钥进行填充
                              });
                              that.getLocal(res.latitude, res.longitude)
                            },
                          })
                        },
                        fail() {
                          wx.showToast({
                            title: res,
                            icon: 'none',
                            duration: 2000
                          })
                        }
                      })
                    } else if (res.cancel) {
                      wx.showToast({
                        title: '你已拒绝获取地理位置信息',
                        icon: 'none',
                        duration: 2000
                      })
                      that.setData({
                        showTab: false
                      })
                    }
                  }
                })
              }
            })
          } else {
            wx.getLocation({
              type: 'wgs84',
              success: function (res) {
                qqmapsdk = new QQMapWX({
                  key: '…………' //这里用自己的key秘钥进行填充
                });
                that.getLocal(res.latitude, res.longitude)
              },
            })
          }
        },
      })
    },
    // 获取当前城市名字
    getLocal: function (latitude, longitude) {
      let that = this;
      //位置坐标
      qqmapsdk.reverseGeocoder({
        location: {
          latitude: latitude,
          longitude: longitude
        },
        success: function (res) {
          that.setData({
            locationCity: res.result.address_component.city.split('市')[0],
			……
          })
          that.getProjectList(res.result.address_component.city.split('市')[0])
        },
        fail: function (res) {
          that.setData({
            locationCity: '获取地理位置失败'
          })
        }
      });
    }