markerclusterer检查marker是否在cluster中

问题描述 投票:4回答:3

我有一个基于网络的地图,使用jquery-ui-mapmarkerclusterer插件制作谷歌地图。

我过滤掉应该显示哪些标记然后更新地图。

我需要创建一个非聚集标记列表,所以为此需要一种方法来检查聚类与标记,并找出哪些不是聚类。

有没有什么技巧可以做到这一点?

我试图循环遍历群集并手动检查群集的标记,但得到一个错误告诉我没有定义群集属性var_clusterer.clusters_

javascript jquery google-maps google-maps-markers markerclusterer
3个回答
7
投票

注意:此解决方案使用MarkerClustererPlus

您可以使用getClusters()方法来清除当前由MarkerClusterer处理的所有集群对象的数组。

var clusterManager = new MarkerClusterer( googleMap, markersArray, clusterOptions ); // setup a new MarkerClusterer

var clusters = clusterManager.getClusters(); // use the get clusters method which returns an array of objects

for( var i=0, l=clusters.length; i<l; i++ ){
    for( var j=0, le=clusters[i].markers_.length; j<le; j++ ){
        marker = clusters[i].markers_[j]; // <-- Here's your clustered marker
    }
}

使用getClusters()循环通过集群对象获取数组后。对于每个群集,您可以提取当前的markers_数组并检索您的聚类标记。

getClusters()现在在docs:MarkerClustererPlus docs


2
投票

略微转储,但有效的方法....

您可以将标记分别插入Marker Clusterer对象,并在(1)之前和之后(2)调用其.getTotalCluster()方法,以查看新添加的标记是否将进入群集。

我使用这个方法,在getClusters()没有为我工作之后,也许我没有通过jquery使用它。

var old_cluster_val = markerCluster.getTotalClusters(); // <-----(1)
     markerCluster.addMarker( marker );
var new_cluster_val = markerCluster.getTotalClusters(); // <-----(2)

if (old_cluster_val == new_cluster_val) {
    in_a_cluster.push(marker);  
} else {
    not_in_cluster.push( marker );
}

2
投票

注意:使用MarkerClustererPlus v2.1.10

isMarkerClustered(marker: Marker, clusterer: MarkerClusterer): boolean {
   const clusters = clusterer.getClusters();
   for (let i = 0, l = clusters.length; i < l; i++) {
      const markers = clusters[i].getMarkers();
      for (const m of markers) {
        if (m === marker && markers.length > 1) {
          return true;
        }
      }
    }
    return false;
}
© www.soinside.com 2019 - 2024. All rights reserved.