EVOLUTION-MANAGER

Edit File: marker-clustering-zoomtoshowlayer.html

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

</head>
<body>

<div id="map"></div>
	<button id="doit">Zoom to marker</button>
	<span>When clicked we will zoom down to a marker, spiderfying if required to show it and then open its popup</span>
	<script type="text/javascript">

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(-37.82, 175.24);

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

var markers = L.markerClusterGroup();
		var markerList = [];

populate();

map.addLayer(markers);

document.getElementById('doit').onclick = function () {
			var m = markerList[Math.floor(Math.random() * markerList.length)];
			markers.zoomToShowLayer(m, function () {
				m.openPopup();
			});
		};

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