html

html

css

css

js

data:

markers: [//地址數(shù)據(jù)

? { title: "蘇州有限公司",point: "121.490018|31.265754",address: "工業(yè)園區(qū)",tel:"10086",contact: "陳先生"},

? { title: "南京有限公司",point: "121.490939|31.257495",address: "相城區(qū)",tel:"12306",contact: "陳先生"},

? { title: "上海有限公司",point: "113.310854|23.113605",address: "外灘",tel:"0521846555",contact: "陳先生"}

]

addMarker(){

var markerArr= this.markers

var point= new Array();//定義數(shù)組標(biāo)注經(jīng)緯信息

? var marker= new Array();//定義數(shù)組點對象信息

? var info= new Array();//定義懸浮提示信息

? for(var i= 0; i< markerArr.length; i++){//遍歷

? ? var infoA= markerArr[i].point.split("|")[0];//分割|

? ? var infoB= markerArr[i].point.split("|")[1];

? ? point[i]= new window.BMap.Point(infoA,infoB);

? ? marker[i]= new window.BMap.Marker(point[i]);

? ? map.addOverlay(marker[i]);

? ? marker[i].setAnimation(BMAP_ANIMATION_BOUNCE);

? ? var label= new window.BMap.Label(markerArr[i].title,{offset: new window.BMap.Size(20,-10)});

? ? marker[i].setLabel(label);

? ? info[i]= new window.BMap.InfoWindow("<p style='font-size:12px;line-height:1.8em;'" + markerArr[i].title+

? ? ? "</br>地址：" + markerArr[i].address + "</br> 電話：" + markerArr[i].tel+

? ? ? "</br> 聯(lián)系人：" + markerArr[i].contact+"</p>");//懸浮提示信息

? }

marker[0].addEventListener("click",function(){

this.openInfoWindow(info[0]);//懸浮監(jiān)聽提示方法

? ? });

? ? marker[1].addEventListener("click",function(){

this.openInfoWindow(info[1]);//懸浮監(jiān)聽提示方法

? ? });

? ? marker[2].addEventListener("click",function(){

this.openInfoWindow(info[2]);//懸浮監(jiān)聽提示方法

? ? });

},

********最后循環(huán)maker里的彈框監(jiān)聽事件循環(huán)