vue 百度地圖實現標記多個maker，並點擊任意一個maker彈出對應的提示框信息， （附： 通過多個地址，標記多個marker 的 方法思路）

通過點擊不同篩選條件，篩選出不同企業所在的地點， 根據每個企業的經緯度 在地圖上標記多個maker，點擊任意一個maker，會彈出infoWindow 信息窗口；

說明：  因每個人寫法不同、需求不同， 部分代碼 未提供 復制粘貼 需要

參考：  百度地圖API

1、初始化地圖

this.baiduMap = new BMap.Map("allMap",{minZoom:10,maxZoom:20}); // 創建地圖實例

this.baiduMap.enableScrollWheelZoom(true); //開啟鼠標滾輪縮放

this.baiduMap.addControl(new BMap.NavigationControl());

this.baiduMap.addControl(new BMap.ScaleControl());

this.baiduMap.addControl(new BMap.OverviewMapControl());

var point = new BMap.Point(117.183, 39.15); // 創建點坐標

this.baiduMap.centerAndZoom(point, 11); // 初始化地圖，設置中心點坐標和地圖級別

 

 

2、將獲取回來的 經緯度數組 arrList  全部標記marker 在地圖上； 

注意！！！： 如果獲取回來的是一個 ” 地址 “  數組，  需要將地址數組 arrList  批量轉換為經緯度， 批量地址轉換成  ip 經緯度的方法：  百度地圖API： http://lbsyun.baidu.com/jsdemo.htm#i7_3； 

通過  geocodeSearch  中  getPoint  生成的  ip 經緯度 地址  用 數組 存起來 ，  然后 在進行 后面的操作；

 

 

 

3、在地圖上標記完 maker 以后， 並實現點擊maker 彈出提示窗口；  要隨時注意 addOverlay  與   clearOverlays；