前言:
開發項目時,先理清需求,在動手編寫代碼,這樣有利於提高項目進度。在當前項目中我需要在打卡的時候顯示當前打卡的地點。如下圖:
一、騰訊位置服務簡介
騰訊位置服務為微信小程序提供了基礎的標點能力、線和圓的繪制接口等地圖組件和位置展示、地圖選點等地圖API位置服務能力支持,使得開發者可以自由地實現自己的微信小程序產品。 在此基礎上,騰訊位置服務微信小程序JavaScript SDK是專為小程序開發者提供的LBS數據服務工具包,可以在小程序中調用騰訊位置服務的POI檢索、關鍵詞輸入提示、地址解析、逆地址解析、行政區划和距離計算等數據服務,讓您的小程序更強大!
二、申請密鑰
在騰訊位置服務中找到【微信小程序JavaScript SDK】進行申請密鑰,開通webserviceAPI服務:控制台 ->應用管理 -> 我的應用 ->添加key-> 勾選WebServiceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服務,所以使用該功能的KEY需要具備相應的權限)
三、下載微信小程序JavaScriptSDK
微信小程序 JavaScriptSDK v1.1 JavaScriptSDK v1.2
四、添加服務
在小程序管理后台 -> 開發 -> 開發管理 -> 開發設置 -> “服務器域名” 中設置request合法域名,添加https://apis.map.qq.com
五、接下來就是代碼了
在需要使用的小程序頁面的js文件中引入
1 const QQMapWX = require('你下載的JavaScriptSDK解析文件'); 2 const qqmapsdk = new QQMapWX({ 3 key: '申請的密鑰' 4 4 });
在方法里面調用reverseGeocoder函數
1 qqmapsdk.reverseGeocoder({ 2 get_poi: 1,//是否返回周邊POI列表(0:不返回,1.返回): 3 location:‘需要解析地址的經緯度’, 4 success: function(res) {//成功后的回調 5 console.log(res) 6 } 7 })
到這,在微信小程序中通過經緯度解析地址就完結了。