JavaScript API中的點信息展示使用技巧是怎樣的

本篇文章為大家展示了JavaScript API中的點信息展示使用技巧是怎樣的，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

本期特別邀請百度地圖開放平臺工程師給大家簡單介紹下JavaScript API中的“點信息展示”使用技巧。

百度地圖JavaScript API（以下簡稱“JS API”）擁有豐富的調(diào)用方法滿足開發(fā)者的各種需求，開發(fā)者可根據(jù)自身需求來選擇合適的方法實現(xiàn)預(yù)期效果。

常見應(yīng)用場景

開發(fā)者可過JS API繪制地圖上的覆蓋物，那么本期介紹的Marker即為繪制覆蓋物的一種。

JS API點信息展示的主要應(yīng)用場景包括：定位結(jié)果展示、附近POI檢索結(jié)果展示、后臺數(shù)據(jù)地圖展示等。在上述方法的基礎(chǔ)上，開發(fā)者也可以使用百度地圖開放平臺提供的信息窗口開源庫來定制視覺效果更好的信息窗口；如果地圖點信息過多導(dǎo)致加載緩慢，可以使用點聚合開源庫來優(yōu)化顯示加載，甚至使用大數(shù)據(jù)可視化的開源庫來實現(xiàn)海量數(shù)據(jù)的展示。

添加Marker、Marker自定義圖標與獲取Marker位置

Marker批量添加

以上我們介紹了Marker的幾個最常用的方法，通過創(chuàng)建Marker和添加Marker可以將我們想要展示的點信息在地圖上標注出來，但是如果需要添加批量點，顯然用上邊描述的逐個創(chuàng)建添加是不現(xiàn)實的；

我們可以用數(shù)組存儲點列坐標進行循添加：

vardata_info = [[116.417854,39.921988],

                         [116.406605,39.921585],

                         [116.412222,39.912345]];

添加Marker的信息窗口

將點的其他信息以窗口的形式展示出來：

在添加Marker的時候調(diào)用添加信息窗口方法即可，效果如圖所示：

Marker添加事件監(jiān)聽與Marker圖標切換方法

Marker的可執(zhí)行事件類型：

開發(fā)者可以通過addEventListener方法來監(jiān)聽Marker對象事件。在特定環(huán)境下這些事件會被觸發(fā)，比如當用戶點擊Marker時，可以獲取Marker的相關(guān)信息，根據(jù)需求為不同的Marker類型制定不同的交互操作。

當然，我們也可以根據(jù)Marker點擊事件，在事件回調(diào)函數(shù)中，根據(jù)需求修改當前Marker的icon等：

上述內(nèi)容就是JavaScript API中的點信息展示使用技巧是怎樣的，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。