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

創(chuàng)新互聯(lián)公司服務(wù)項目包括天橋網(wǎng)站建設(shè)、天橋網(wǎng)站制作、天橋網(wǎng)頁制作以及天橋網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，天橋網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到天橋省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

本期特別邀請百度地圖開放平臺工程師給大家簡單介紹下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自定義圖標(biāo)與獲取Marker位置

Marker批量添加

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

我們可以用數(shù)組存儲點列坐標(biāo)進(jìn)行循添加：

vardata_info = [[116.417854,39.921988],

                         [116.406605,39.921585],

                         [116.412222,39.912345]];

添加Marker的信息窗口

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

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

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

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

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

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

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