Marker cluster switches on / off

Question

They asked me to "switch the button" to enable or disable clustering. Can someone help me achieve on / off clustering?

Note: loading more than 30,000 points

Answer 1

Create two layers: one with one and one without clustering markers and add them to the sheet control. For instance:

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);

You can also create a custom control that will decompile markers, but this control already exists and is easy to implement.