Javascript 单张标记自动聚类

在传单中，我有太多的标记点，我想重新组合它们，我在Github中尝试了传单.markercluster，但我不明白

这里是我的代码的一部分，上面是收集数据的php代码：

    function initMap() {
        macarte = L.map('map').setView([lat, lon], 6);
        L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {
            attribution: 'données © <a href="//osm.org/copyright">OpenStreetMap</a>/ODbL - rendu <a href="//openstreetmap.fr">OSM France</a>',
            minZoom: 1,
            maxZoom: 15
        }).addTo(macarte);

        var villes = <?= json_encode($resultat, JSON_UNESCAPED_UNICODE) ?>;

        var i;
        for (i = 0; i < villes.length; i++) {
            var nom = villes[i][0];
            var latitude = villes[i][1];
            var longitude = villes[i][2];
            var adresse1 = villes[i][3];
            var cp = villes[i][4];
            var ville = villes[i][5];
            var content =
                '<div>' +
                '<h3>' + nom + '</h3>' +
                '<p>' + adresse1 + ' ' + cp + ' ' + ville + '</p>' +
                '</div>';
            var marker = L.marker([latitude, longitude]).addTo(macarte);
            marker.bindPopup(content);
        }
    }
    window.onload = function() {
        initMap();
    };

函数initMap（）{
macarte=L.map（'map'）.setView（[lat，lon]，6）；
L.tileLayer（'https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png'{
署名：“données©/ODbL-人都”，
minZoom:1，
最大缩放：15
}).addTo（macarte）；
维勒变种=；
var i；
对于（i=0；i”+
'';
var marker=L.marker（[纬度，经度]）.addTo（macarte）；
marker.bindpoop（内容）；
}
}
window.onload=函数（）{
initMap（）；
};

var clusterGroup=new L.MarkerClusterGroup（）；//创建新的clustergroup
var i；
对于（i=0；i”+
'';
var标记=L.标记（[纬度，经度]）；
marker.bindpoop（内容）；
clusterGroup.addLayer（marker）；//将标记添加到clusterGroup
}
macarte.addLayer（clusterGroup）；//将clustergroup添加到地图

var clusterGroup=new L.MarkerClusterGroup（）；//创建新的clustergroup
var i；
对于（i=0；i”+
'';
var标记=L.标记（[纬度，经度]）；
marker.bindpoop（内容）；
clusterGroup.addLayer（marker）；//将标记添加到clusterGroup
}
macarte.addLayer（clusterGroup）；//将clustergroup添加到地图

var clusterGroup = new L.MarkerClusterGroup(); // create the new clustergroup
var i;
for (i = 0; i < villes.length; i++) {
    var nom = villes[i][0];
    var latitude = villes[i][1];
    var longitude = villes[i][2];
    var adresse1 = villes[i][3];
    var cp = villes[i][4];
    var ville = villes[i][5];
    var content =
        '<div>' +
        '<h3>' + nom + '</h3>' +
        '<p>' + adresse1 + ' ' + cp + ' ' + ville + '</p>' +
        '</div>';
    var marker = L.marker([latitude, longitude]);
    marker.bindPopup(content);
    clusterGroup.addLayer(marker); // add marker to the clustergroup
}
macarte.addLayer(clusterGroup); // add clustergroup to the map