如何以编程方式打开markercluster

要编程方式打开 markercluster，通常是指在使用地图库（如 Google Maps API 或 Leaflet）时，通过代码控制 marker cluster 的显示与隐藏。以下是一个使用 Leaflet 和 Leaflet.markercluster 插件的示例：

基础概念

Marker Cluster 是一种地图可视化技术，用于将附近的标记点聚合成一个单一的标记，以减少地图上的视觉混乱，并提高性能。

类型与应用场景

基于网格的聚合：将地图划分为网格，并将每个网格内的标记聚合。
基于距离的聚合：根据标记之间的物理距离进行聚合。

应用场景包括交通监控、疫情分布、商店位置展示等。

示例代码

以下是一个简单的示例，展示如何在 Leaflet 地图中添加和移除 marker cluster：

<!DOCTYPE html>
<html>
<head>
    <title>Leaflet Marker Cluster Example</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" />
    <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
</head>
<body>
    <div id="map" style="width: 100%; height: 600px;"></div>
    <button onclick="toggleCluster()">Toggle Cluster</button>

    <script>
        var map = L.map('map').setView([51.505, -0.09], 13);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '© OpenStreetMap contributors'
        }).addTo(map);

        var markers = L.markerClusterGroup();
        for (var i = 0; i < 100; i++) {
            var marker = L.marker([Math.random() * 0.1 + 51.5, Math.random() * 0.1 - 0.05]);
            markers.addLayer(marker);
        }

        markers.addTo(map);

        function toggleCluster() {
            if (markers._map) {
                map.removeLayer(markers);
            } else {
                markers.addTo(map);
            }
        }
    </script>
</body>
</html>