单张markercluster-单击放大然后spiderfy

时间:2018-10-25 05:09:08

标签: leaflet.markercluster

我仅在同一位置的标记上聚类(即maxClusterRadius = 0)。单击群集时,我希望其居中并以特定的缩放级别(不是最大缩放)进行放大,然后立即进行蜘蛛侠操作。 使用以下代码,在缩放后不会发生Spiderfy,但是如果已经达到所需的缩放级别,则它将发生。我怀疑这是因为缩放后群集被认为是不同的。如何引用新群集(例如,基于纬度/经度)?

  cluster.on('clusterclick', function (a) {

        if (map.getZoom() < 19) {
            map.once('zoomend', function() { a.layer.spiderfy(); });
            map.flyTo(a.layer.getLatLng(), 19); 
            }
        else
            a.layer.spiderfy();
        });    

1 个答案:

答案 0 :(得分:0)

同样的问题。我有此解决方法:

var mymap = L.map('mapid_<?= $this->id?>',{
    maxZoom:13,
    scrollWheelZoom:false,
}).setView([43.38388,-1.3049538], 7);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar', attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'}).addTo(mymap);

var markers = L.markerClusterGroup({
    disableClusteringAtZoom: 14,
    spiderfyOnMaxZoom: false,
    zoomToBoundsOnClick:false,
    animate:false
});

clickedMarker="";
mymap.on('zoomend', function() {
    if (clickedMarker!=="" && mymap.getZoom()>=mymap.options.maxZoom) {
        clickedMarker.__parent.spiderfy();
        clickedMarker="";
    }
});

markers.on('clusterclick', function (a) {
    if (a.layer._childCount>0) {
        clusterMarkers = a.layer.getAllChildMarkers();
        clickedMarker=clusterMarkers[0];
    }
    if (mymap.getZoom()>=mymap.options.maxZoom) {
        a.layer.spiderfy();
    } else {
        a.layer.zoomToBounds({padding: [20, 20]});
    }
});

奇怪,但Spiderfy无法将动画选项设置为true。