javascript:当鼠标悬停到集群时，会有弹出窗口，但当放大时，集群会扩大，但弹出窗口仍然存在

Question

我有一个 markersCluster 的 clustermouseover 事件，当鼠标移到集群上时，会有弹出窗口。但是当我放大到集群时，它将从这个 (cluster) 扩展:

到这个(扩展集群):和这个(弹出窗口与上面第二张照片相同) .

所以我需要做的是当集群像第二张照片(扩展集群)一样扩展时，弹出窗口将自动关闭。有没有办法解决这个使用 clustermouseout 无法解决的问题？

这是我的 clustermouseover 的代码:

markersCluster.on('clustermouseover', function(e){
        var latLng = e.layer.getLatLng();


        var cluster = e.layer.getAllChildMarkers();
        var titles = "";
        //Show all desription under cluster
        titles += "<ul style='font-size:11px; padding: 0px 0px 0px 15px; margin-bottom: 0px;'>";
        for(var i=0; i<cluster.length; i++){
            console.log("cluster[i]: ", cluster[i]._tooltip._content);
            var labelContent = cluster[i]._tooltip._content;
            titles += "<li>"+labelContent+"</li>";
        }
        titles += "</ul>";


        popupCluster = L.popup({
                        minWidth: 100,
                        closeOnClick: true,
                        minHeight: 50,
                        offset: [0, -10]
                     }).setLatLng(latLng).setContent(titles);

        mapContnr.map.openPopup(popupCluster);

    });

Answer 1

您可以使用 zoomend 事件关闭弹出窗口:

map.on('zoomend', function(e){
    popupCluster.closePopup();
}