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); //开启信息窗口
}
网友评论