Leaflet标记聚类- 点击缩放,然后展开。

3
我正在对相同位置的标记进行聚类 (即 maxClusterRadius = 0)。当单击簇时,我希望它在特定缩放级别下居中并放大,然后立即展开。使用以下代码,展开操作不会在缩放后发生,但如果已经达到所需的缩放级别,则会展开。我怀疑这是因为缩放后集群被认为是不同的。如何引用新的集群(例如基于纬度/经度)?
  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个回答

2

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

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]});
    }
});

奇怪的是,如果将动画选项设置为true,则spiderfy无法正常工作...


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接