400-800-9385
網站建設資訊詳細

實現微信小程序獲取用戶當前城市的位置

發表日期:2020-12-15 09:51:08   作者來源:陳應信   瀏覽:139   標簽:微信小程序    
最近在開發小程序的時候,客戶提出一個要求,就是他們的教育測評機構是在不同城市裡的,可能一個機構在幾個城市都有辦公點,同時需要獲取用戶的當前城市的位置來展示不同的測評機構信息,不在當前城市的測評機構就不顯示了。
獲取用戶當前位置的功能可以打開騰訊位置服務的網站,注冊一個用戶,然後申請一個KEY密鑰,這樣就可以配置KEY的信息了,如下圖所示:
 

小程序配置2


其中“荔園小程序”這個KEY名是我已經創建好的,具體的設置如下圖所示:
 

小程序配置



在填寫了Key名稱和描述後,需要勾選“微信小程序”,然後填寫授權IP,勾選WebServiceAPI,選擇“域名白名單”,這裡就遇到了一個坑,注意不要在下靣的編輯框填寫任何內容,否則在運行小程序調用接口的時候會提示“請求來源未被授權, 此次請求來源域名: servicewechat.com”。第二個就是要在微信小程序平台裡添加一個域名白名單,如下圖所示:
 

2021-01-19 18:13:21小程序配置3



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

小程序配置4



用戶res.result.ad_info.city就可以得到所在的城市名稱了,然後根據城市的名稱,調用不同的測評機構信息展示給用戶
 
如沒特殊注明,文章均為方維網絡原創,轉載請注明來自https://www.bestdsdeals.com/news/5923.html