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

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

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

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

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