聚合图组件

效果图

用法

示例

//创建地图，并设置初始中心点和级别
map = W.map("mapContainer", {
    center : [35.53222622770337, 106.875],
    zoom : 5,
    serverUrl: 'http://localhost:8080/tileProxy'
});
//创建聚合图标注组
var markers = new W.MarkerClusterGroup();
var markersList = [];
//生成固定个坐标
function populate() {
    for (var i = 0; i < 1000; i++) {
        var m = new W.Marker(getRandomLatLng(map));
        markersList.push(m);
        markers.addLayer(m);
    }
    return false;
}
//在屏幕范围内随机生成一个坐标
function getRandomLatLng(map) {
    var bounds = map.getBounds(),
    southWest = bounds.getSouthWest(),
    northEast = bounds.getNorthEast(),
    lngSpan = northEast.lng - southWest.lng,
    latSpan = northEast.lat - southWest.lat;
    return new W.LatLng(
        southWest.lat + latSpan * Math.random(),
        southWest.lng + lngSpan * Math.random());
}
markers.on('clusterclick', function (a) {
    //console.log(a);
});
markers.on('click', function (a) {
    //alert('marker ' + a.layer);
});
populate();
//将聚合图添加到地图上
map.addLayer(markers);

构造方法

构造属性

方法

事件