實現(xiàn)微信小程序獲取用戶當前城市的位置

2023-03-01 分類：網(wǎng)站建設(shè)

最近在開發(fā)小程序的時候，客戶提出一個要求，就是他們的教育測評機構(gòu)是在不同城市里的，可能一個機構(gòu)在幾個城市都有辦公點，同時需要獲取用戶的當前城市的位置來展示不同的測評機構(gòu)信息，不在當前城市的測評機構(gòu)就不顯示了。
獲取用戶當前位置的功能可以打開騰訊位置服務(wù)的網(wǎng)站，注冊一個用戶，然后申請一個KEY密鑰，這樣就可以配置KEY的信息了，如下圖所示：

小程序配置2

其中“荔園小程序”這個KEY名是我已經(jīng)創(chuàng)建好的，具體的設(shè)置如下圖所示：

小程序配置

在填寫了Key名稱和描述后，需要勾選“微信小程序”，然后填寫授權(quán)IP，勾選WebServiceAPI，選擇“域名白名單”，這里就遇到了一個坑，注意不要在下面的編輯框填寫任何內(nèi)容，否則在運行小程序調(diào)用接口的時候會提示“請求來源未被授權(quán)，此次請求來源域名： servicewechat.com”。第二個就是要在微信小程序平臺里添加一個域名白名單，如下圖所示：

小程序配置3

這里有一個很有趣的情況，就是如果你在WebServiceAPI的域名白名單里填寫了，上面的域名，那么即使你在微信小程序平臺里添加上面的域名，也會提示“請求來源未被授權(quán)，此次請求來源域名： servicewechat.com”。
然后就是下載qqmap-wx-jssdk1.0文件夾，將里的JS文件放到小程序的utils文件夾就可以使用。
小程序是用getUserLocation獲取用戶的位置，但需要用戶授權(quán)才能成功獲取，然后通過getLocation方法獲取經(jīng)度和緯度，然后需要用type:’wgs84’把經(jīng)緯度轉(zhuǎn)成百度的坐標，然后再使用getLocal方法獲取用戶的具體位置，這里需要使用到reverseGeocoder
方式(具體可以看小程序的開發(fā)文檔，以上的方法小程序的開發(fā)文檔都有講到)，通過返回值就可以獲取到用戶的位置信息，如下圖所示：

小程序配置4

用戶res.result.ad_info.city就可以得到所在的城市名稱了，然后根據(jù)城市的名稱，調(diào)用不同的測評機構(gòu)信息展示給用戶

新聞標題：實現(xiàn)微信小程序獲取用戶當前城市的位置
新聞來源：http://m.kartarina.com/news/240518.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、網(wǎng)站制作、動態(tài)網(wǎng)站、App設(shè)計

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成都解決網(wǎng)站建設(shè)中phpcms會員投稿顯示全部欄目的問題 2023-03-01
甘孜網(wǎng)站建設(shè),網(wǎng)站制作公司,網(wǎng)絡(luò)營銷 2023-03-01
如何建設(shè)營銷型網(wǎng)站，可以從哪些方面開始做起 2023-03-01
怎樣制作網(wǎng)站更稱心 2023-03-01
如何利用好友情連接 2023-03-01
網(wǎng)站后臺二次或者自主開發(fā)的重要性 2023-03-01
新站推廣上線策劃方案-鐵板燒設(shè)備廠家 2023-03-01