【问题标题】:how to find the markers in the individual clusters in a marker cluster object in google maps api v3?如何在谷歌地图 api v3 中的标记簇对象中找到单个簇中的标记?
【发布时间】:2011-11-08 10:55:51
【问题描述】:

我按照此处的教程在任何缩放级别向标记群集的各个群集添加了一个信息窗口。 http://krisarnold.com/2010/10/15/adding-info-windows-to-map-clusters-with-google-maps-api-v3/

我想添加标记的信息(例如,当单击 markercluster 对象时,将它们的“标题”添加到信息窗口中显示的列表中。)包含在相应的集群中。

因此,如果我有 3 个处于特定缩放级别的集群,每个集群内部都有 5 个标记。 如何显示该特定集群中聚合的 5 个(markercluster 对象中总共 15 个标记中的)标记的标题列表?

例如我在一个集群中有 3 个标记 那么如何在信息窗口中显示这个? 标题标记1 标题标记2 标题标记3

编辑: 如此处所见 http://www.blogwave.de/wp-content/uploads/2009/05/marker_cluster.png 所有不同的集群都是一个markercluster对象的一个​​实例。因此,如果我们使用以下答案之一中提到的 markercluster 对象的 getmarkers 例程,那么我们将获得所有标记的列表。

我想要的是例如从标记为 18 的集群中的总标记中获取仅包含这 18 个标记的列表,从左开始。

【问题讨论】:

  • 如何创建 MarkerClusterer?能发下相关代码吗?

标签: javascript google-maps google-maps-markers markerclusterer


【解决方案1】:

不幸的是,MarkerClusterer 引用有点少。浏览完the source code,看来需要调用传入的cluster对象的getMarkers方法(与我之前建议的相反,就是调用markerClusterer上的方法)。

例如,使用您链接到的教程:

google.maps.event.addListener(markerClusterer, 'clusterclick', function(cluster) {
    var content = '';

    // Convert lat/long from cluster object to a usable MVCObject
    var info = new google.maps.MVCObject;
    info.set('position', cluster.center_);

    //----
    //Get markers
    var markers = cluster.getMarkers();

    var titles = "";
    //Get all the titles
    for(var i = 0; i < markers.length; i++) {
        titles += markers[i].getTitle() + "\n";
    }
    //----


    var infowindow = new google.maps.InfoWindow();
    infowindow.close();
    infowindow.setContent(titles); //set infowindow content to titles
    infowindow.open(map, info);

});

编辑:针对问题编辑进行了更新。

【讨论】:

  • 非常感谢。也许我们可以为我的问题建议合适的标题,以便其他人可以轻松找到它。
  • 还有,你是怎么知道集群对象可以使用的?
  • 在源代码中,我发现了clusterclick 事件的声明位置,以及它传递的内容。然后,我必须追溯 cluster 参数最初声明的位置,以找出它是什么类型。一旦我知道它是什么类型,我就知道它可以使用哪些方法。
  • 还有这个(不是很明显)reference page
猜你喜欢
  • 1970-01-01
  • 2019-06-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-25
  • 2011-07-27
相关资源
最近更新 更多