8

当用户单击某些按钮时，我试图隐藏/显示 markerClusterer：

这是我正在尝试做的事情：

    map = new google.maps.Map(document.getElementById("mappa"),mapOptions);
    var marker_tmp = [];
    var markers_tmp = [];
    $.each(json,function(index,value){
        var latLng = new google.maps.LatLng(value.lat,value.lng);
        var marker = new google.maps.Marker({'position': latLng});
        if((value.candidato in markers_tmp)==false){
            markers_tmp[value.name]=[];
        }
        markers_tmp[value.name].push(marker);
    });
    for(var name in markers_tmp){
        markers[name]= new MarkerClusterer(map,markers_tmp[name]);
    }

我创建了多个 markerClusterer，每个都关联到一个特定的名称。

所以我有一些与这些特定名称关联的按钮，我需要隐藏/显示与该按钮关联的标记聚类器。

/*This is the function associated to a button when it is clicked*/
function hide_show_cluster(name,visible){
    var tmp_cluster = markers[name];
    //call a function of markerClusterer (tmp_cluster) to hide/show it
}

我做了很多测试，但没有人满足我的要求。有人能帮我吗？谢谢！

4

3 回答 3

29

我整个早上都在为此苦苦挣扎，但幸运的是我找到了解决方案。

首先，确保您拥有最新的 MarkerClustererPlus 版本https://github.com/googlemaps/js-marker-clusterer

然后很容易，

创建标记时，请确保您

将其可见标志设置为 false。

在创建标记聚类器时，这样做：

new MarkerClusterer(map, markers, { ignoreHidden: true });

如果您想显示集群器，请执行以下操作：

for (var it in markers) {
    markers[it].setVisible(true);
}

markerCluster.repaint();

隐藏集群：

for (var it in markers) {
    markers[it].setVisible(false);
}

markerCluster.repaint();

希望它有帮助，问候

于 2013-07-16T18:24:34.373 回答
4

我有同样的情况，这就是我的做法......希望它有所帮助

集群实例化

let markerCluster = new MarkerClusterer(map, markers, {
    imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});

隐藏集群：

function hideMarkers() {
    for (let i in markers) {
        markers[i].setMap(null);
    }
    markerCluster.clearMarkers();
}

显示集群：

function showMarkers() {
    for (let i in markers) {
        markers[i].setMap(map);
    }
    markerCluster.addMarkers(markers);
}

这是一个用于测试http://jsfiddle.net/3s6qfzcy/的 jsfiddle 链接

于 2018-02-07T09:15:27.557 回答
1

例如，您可以：

  1. 定义按钮的点击处理程序；
  2. 使用函数 getMarkers() 获取所有标记并将结果保存到变量 (var allMarkers = getMarkers());
  3. 创建另一个变量来添加/删除标记（var currentMarkers = allMarkers）；
  4. 当您点击每个按钮时，您可以循环 currentMarkers 变量并使用函数 removeMarker(MARKER_TO_REMOVE) 或 addMarker(MARKER_TO_ADD, true) （true 是重新绘制地图）；
  5. 当您循环标记时，您可以访问它们的信息（执行 console.log(marker) 以查看我在说什么）；

有关更多信息，您可以在此处查看文档：https ://googlemaps.github.io/js-marker-clusterer/docs/reference.html

于 2013-02-15T13:00:57.073 回答