interact with Leaflet.markercluster

[stefanocudini]

Exists an easy way for interact this plugin with Leaflet.markercluster??

1)the data is loaded in ajax
2)and the markers then are grouped by Leaflet.markercluster

[calvinmetcalf]

So the actual layer is just a geojson layer and the geojson layer does not work natively with the marker cluster plugin, it's expecting an array of markers not a feature collection, your best bet is probably to use the ajax method that this comes with to do it yourself, something like:

var clusters = (new L.MarkerClusterGroup()).addTo(map);
L.Util.ajax("url/same/origin.geojson", function(data){
    //check if it's an array of points or a feature collection
    var features = Array.isArray(data)?data:data.features;
    //map the features to points
    clusters.addLayers(features.map(function(feature){
        if(feature.geometry.type==="point"){
            return L.marker([feature.geometry.coordinates[1],feature.coordinates[0]]);//geojson is lng,lat
        }
    }).filter(function(v){return v}))//filter out any that weren't points
});

[khullrich]

Thanks for your solution but it doesn't work for me. No markers are displayed. :\

[calvinmetcalf]

@khullrich if you post what you did to jsfiddle I can take a look