如何将标记集群添加到Mapbox StoreLocator模板

时间:2016-05-27 10:55:33

标签: leaflet mapbox geojson marker markerclusterer

我尝试了不同的方法来将群集与商店定位器同步。添加群集很容易,但是我在左侧列表中遇到了一些问题。

我的问题是,我不确定如何集成这个功能,最后商店定位器使用自定义标记,列表以正确的方式同步。

商店定位器: https://jsfiddle.net/sd5vt439/

L.mapbox.featureLayer('examples.map-h61e8o8e').on('ready', function(e) {
    var clusterGroup = new L.MarkerClusterGroup();
    e.target.eachLayer(function(layer) {
        clusterGroup.addLayer(layer);
    });
    map.addLayer(clusterGroup);
});

1 个答案:

答案 0 :(得分:1)

好的,我尝试了一下,它现在可以使用嵌套函数:

locations.on('ready', function(e) {
  var clusterGroup = new L.MarkerClusterGroup();
    e.target.eachLayer(function(layer) {
        clusterGroup.addLayer(layer);
    });
    map.addLayer(clusterGroup);

    locations.eachLayer(function(locale) {
    ....
}