百度地图api点聚合+marker事件

百度地图api点聚合+marker事件_第1张图片

var map = new BMap.Map("allmap");

map.setCurrentCity("重庆"); // 设置地图显示的城市 此项是必须设置的

map.centerAndZoom(new BMap.Point(116.404, 39.915), 5);

map.enableScrollWheelZoom(true);

var MAX = 12;

var markers = [];

var pt = null;

var i = 0;

for(; i < MAX; i++) {

pt = new BMap.Point(Math.random() * 40 + 85, Math.random() * 30 + 21);

markers.push(new BMap.Marker(pt));

}

//最简单的用法,生成一个marker数组,然后调用markerClusterer类即可。

var markerClusterer = new BMapLib.MarkerClusterer(map, {

markers: markers

});

$.each(markers, function(i, item) {

var content = item.point;

addClickHandler(content, item); //添加点击事件

});

function addClickHandler(content, item) {

item.addEventListener("click", function() {

openInfo(content)

});

}

var opts = {

width: 250, // 信息窗口宽度

height: 80, // 信息窗口高度

title: "信息窗口", // 信息窗口标题

enableMessage: true //设置允许信息窗发送短息

};

function openInfo(content) {

var point = new BMap.Point(content.lng, content.lat);

var infoWindow = new BMap.InfoWindow('content', opts); // 创建信息窗口对象

map.openInfoWindow(infoWindow, point); //开启信息窗口

}

你可能感兴趣的:(百度地图api点聚合+marker事件)