亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

使用微信小程序顯示用戶當(dāng)前地理位置的詳細(xì)代碼

 更新時(shí)間:2022年06月08日 11:00:15   作者:chy  
這篇文章主要介紹了使用微信小程序顯示用戶當(dāng)前地理位置的詳細(xì)代碼,在微信小程序的開發(fā)中不可避免的會(huì)遇到需要顯示用戶地理位置的操作,本文將簡單介紹如何在微信小程序中顯示用戶當(dāng)前的地理位置,需要的朋友可以參考下

前言

在微信小程序的開發(fā)中不可避免的會(huì)遇到需要顯示用戶地理位置的操作,本文將簡單介紹如何在微信小程序中顯示用戶當(dāng)前的地理位置。

wx.getLocation

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

使用wx.getLocation之前需要簡單的配置一下。因?yàn)楂@取用戶地理位置的操作需要用戶同意,所以我們在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ù)個(gè)人情況登錄或者注冊,然后再點(diǎn)擊以下位置創(chuàng)建應(yīng)用

然后點(diǎn)擊文檔里的以下位置

選擇逆地址解析

然后根據(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);
        }
      })

返回值如下:

之后就可以把拿到的值隨意使用啦

總結(jié)

顯示當(dāng)前用戶的地理位置其實(shí)還挺簡單的,總共兩步,第一步:拿到經(jīng)緯度,第二步:根據(jù)經(jīng)緯度獲取地名。 通過小程序的apiwx.getLocation獲取經(jīng)緯度,然后通過騰訊的位置服務(wù)獲得地名。

到此這篇關(guān)于使用微信小程序顯示用戶當(dāng)前地理位置的詳細(xì)代碼的文章就介紹到這了,更多相關(guān)小程序顯示地理位置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評論