Markercluster切换ON / OFF

时间:2014-09-16 11:39:45

标签: leaflet

他们问我一个'切换按钮'打开和关闭群集有人可以帮助我实现群集开/关吗?

注意:加载超过30,000点

1 个答案:

答案 0 :(得分:4)

创建两个图层,一个用于,另一个没有标记聚类,并将它们添加到传单控件中。例如:

var littleton = L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.'),
denver    = L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.'),
aurora    = L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.'),
golden    = L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.');

var cities = L.layerGroup([littleton, denver, aurora, golden]);

var citiesClustered = new L.MarkerClusterGroup();
markers.addLayer(littleton);
markers.addLayer(denver);
markers.addLayer(aurora);
markers.addLayer(golden);

var streets   = L.tileLayer(mapboxUrl, {id: 'examples.map-i86knfo3', attribution: mapboxAttribution});
var map = L.map('map', {
center: [39.73, -104.99],
zoom: 10,
layers: [streets, cities]
});

var baseMaps = {
"Streets": streets
};

var overlayMaps = {
"Cities": cities,
"Clustered cities": citiesClustered
};

L.control.layers(baseMaps, overlayMaps).addTo(map);

您还可以创建一个自定义控件来对标记进行反聚类,但此控件已经存在,并且易于实现。