當前位置:首頁 » 網頁前端 » 前端手畫地圖
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端手畫地圖

發布時間: 2022-12-16 21:26:06

前端工程師必備之騰訊地圖(三)

前端工程師必備之騰訊地圖(一)
前端工程師必備之騰訊地圖(二)

為什麼要用個性化地圖,提高不同場景下地圖的展現效果和用戶體驗。

為什麼選擇騰訊位置服務個性化地圖:

1.登錄騰訊位置服務

2.驗證手機 與 郵箱
3.申請開發密鑰(Key)
4.選擇您需要的產品

位置展示組件

路線規劃組件

前端定位組件

1.我申請了開發者密鑰key
2.開通webserviceAPI服務:控制台 -> key管理 -> 設置(使用該功能的key)-> 勾選webserviceAPI -> 保存
(小程序SDK需要用到webserviceAPI的部分服務,所以使用該功能的KEY需要具備相應的許可權)
日調用量:1萬次 / Key----並發數:5次 / key / 秒 。

我返回的數據如圖:

QQMapWX – 小程序JavaScriptSDK核心類 – new QQMapWX(options:Object)

地點搜索:

效果如圖:

預覽效果如圖下:

geocoder – 提供由地址描述到所述位置坐標的轉換,與逆地址解析reverseGeocoder()的過程正好相反。
預覽效果如圖:

預覽效果圖如下:

調用獲取城市列表介面,效果圖如下:

獲取城市區縣,效果圖如下:

騰訊位置服務為微信小程序提供了基礎的標點能力、線和圓的繪制介面等地圖組件和位置展示、地圖選點等地圖API位置服務能力支持,使得開發者可以自由地實現自己的微信小程序產品。 在此基礎上,騰訊位置服務微信小程序JavaScript SDK是專為小程序開發者提供的LBS數據服務工具包,可以在小程序中調用騰訊位置服務的POI檢索、關鍵詞輸入提示、地址解析、逆地址解析、行政區劃和距離計算等數據服務,讓您的小程序更強大!