最近在開發(fā)小程序的時候,客戶提出一個要求,就是他們的教育測評機(jī)構(gòu)是在不同城市里的,可能一個機(jī)構(gòu)在幾個城市都有辦公點(diǎn),同時需要獲取用戶的當(dāng)前城市的位置來展示不同的測評機(jī)構(gòu)信息,不在當(dāng)前城市的測評機(jī)構(gòu)就不顯示了。
獲取用戶當(dāng)前位置的功能可以打開騰訊位置服務(wù)的網(wǎng)站,注冊一個用戶,然后申請一個KEY密鑰,這樣就可以配置KEY的信息了,如下圖所示:
其中“荔園
小程序”這個KEY名是我已經(jīng)創(chuàng)建好的,具體的設(shè)置如下圖所示:
在填寫了Key名稱和描述后,需要勾選“微信小程序”,然后填寫授權(quán)IP,勾選WebServiceAPI,選擇“域名白名單”,這里就遇到了一個坑,注意不要在下面的編輯框填寫任何內(nèi)容,否則在運(yùn)行小程序調(diào)用接口的時候會提示“請求來源未被授權(quán), 此次請求來源域名: servicewechat.com”。第二個就是要在微信小程序平臺里添加一個域名白名單,如下圖所示:
這里有一個很有趣的情況,就是如果你在WebServiceAPI的域名白名單里填寫了,上面的域名,那么即使你在微信小程序平臺里添加上面的域名,也會提示“請求來源未被授權(quán), 此次請求來源域名: servicewechat.com”。
然后就是下載qqmap-wx-jssdk1.0文件夾,將里的JS文件放到小程序的utils文件夾就可以使用。
小程序是用getUserLocation獲取用戶的位置,但需要用戶授權(quán)才能成功獲取,然后通過getLocation方法獲取經(jīng)度和緯度,然后需要用type:’wgs84’把經(jīng)緯度轉(zhuǎn)成百度的坐標(biāo),然后再使用getLocal方法獲取用戶的具體位置,這里需要使用到reverseGeocoder
方式(具體可以看小程序的開發(fā)文檔,以上的方法
小程序的開發(fā)文檔都有講到),通過返回值就可以獲取到用戶的位置信息,如下圖所示:
用戶res.result.ad_info.city就可以得到所在的城市名稱了,然后根據(jù)城市的名稱,調(diào)用不同的測評機(jī)構(gòu)信息展示給用戶
本文題目:實(shí)現(xiàn)微信小程序獲取用戶當(dāng)前城市的位置
文章出自:http://www.rwnh.cn/news18/240518.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、App開發(fā)、電子商務(wù)、品牌網(wǎng)站設(shè)計、網(wǎng)站導(dǎo)航、用戶體驗(yàn)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)