如何使用微信小程序顯示用戶當(dāng)前地理位置

今天小編給大家分享一下如何使用微信小程序顯示用戶當(dāng)前地理位置的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

wx.getLocation

通過wx.getLocation我們得到用戶的經(jīng)緯度位置。

使用wx.getLocation之前需要簡單的配置一下。因為獲取用戶地理位置的操作需要用戶同意，所以我們在app.json文件里面加上配置：

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

如下圖：

之后參考官方文檔使用：

 // 獲取用戶地理位置
      const res = await wx.getLocation({
        type: "wgs84",
      })
      console.log('地理位置', res)

輸出值為：

其中latitude是緯度，longitude是經(jīng)度。

到這里我們的第一步已經(jīng)完成了。

騰訊位置服務(wù)

第二步就是如何將經(jīng)緯度轉(zhuǎn)化為地區(qū)位置了，我使用了騰訊的位置服務(wù)

根據(jù)個人情況登錄或者注冊，然后再點擊以下位置創(chuàng)建應(yīng)用

然后點擊文檔里的以下位置

選擇逆地址解析

然后根據(jù)文檔編寫代碼

 var self = this
      wx.request({
        url: 'https://apis.map.qq.com/ws/geocoder/v1/',
        method: 'GET',
        data: {
          location: `${res.latitude},${res.longitude}`,
          key: '你自己的key'
        },
        success: (res) => {
          console.log('地址', res);
        }
      })

返回值如下：

以上就是“如何使用微信小程序顯示用戶當(dāng)前地理位置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。