微信小程序定位功能

最新推荐文章于 2024-07-10 19:16:05 发布

多彩岁月

最新推荐文章于 2024-07-10 19:16:05 发布

阅读量112

点赞数 1

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/Edwina_byx/article/details/139169781

版权

第一：先在微信公众号小程序中申请开通地理接口（wx.getLocation）

第二：代码

getLocation() {
    const that = this;
    wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.userLocation']) {
          wx.authorize({
            scope: 'scope.userLocation',
            success() {
              that.fetchLocation();
            },
            fail() {
              wx.showModal({
                title: '提示',
                content: '需要获取您的地理位置，请授权',
                confirmText: '去设置',
                success(result) {
                  if (result.confirm) {
                    wx.openSetting({
                      success(res) {
                        if (res.authSetting['scope.userLocation']) {
                          that.fetchLocation();
                        }
                      }
                    });
                  }
                }
              });
            }
          });
        } else {
          that.fetchLocation();
        }
      }
    });
  },

  fetchLocation() {
    const that = this;
    wx.getLocation({
      type: 'wgs84',
      success(res) {
        const latitude = res.latitude; // 纬度
        const longitude = res.longitude;  //经度
        const locationString = `Latitude: ${latitude}, Longitude: ${longitude}`;
      },
      fail() {
        wx.showToast({
          title: '获取位置失败',
          icon: 'none'
        });
      }
    });
  },