EVOLUTION-MANAGER

Edit File: marker-clustering-pane.html

<!DOCTYPE html>
<html>
<head>
	<title>Leaflet debug page</title>

</style>
</head>
<body>

var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
				maxZoom: 18,
				attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
			}),
			latlng = L.latLng(50.5, 30.51);

var map = L.map('map', {center: latlng, zoom: 15, layers: [tiles]});

//Define a pane above the default markerPane
        map.createPane('paneB').style.zIndex = 610;

//Create two markerClusterGroups, one in the default markerPane, one in our custom pane
		var markersA = createMarkerClusterGroup('myclusterA');
		var markersB = createMarkerClusterGroup('myclusterB', 'paneB');

function populate(markers) {
			for (var i = 0; i < 100; i++) {
				var m = L.marker(getRandomLatLng(map), { title: i });
				m.number = i;
				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 L.latLng(
					southWest.lat + latSpan * Math.random(),
					southWest.lng + lngSpan * Math.random());
		}

populate(markersA);
        populate(markersB);
		map.addLayer(markersA);
		map.addLayer(markersB);

</script>
</body>
</html>