Question

我有以下代码：

       markerCluster = new MarkerClusterer(this.map, allMarkers, {
            imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',
            minimumClusterSize: 2,
            maxZoom: 0,
            zoomOnClick: false
        });

我需要阻止点击缩放，这样才能正常工作。

我希望在不更改缩放级别的情况下单击群集时取消群集。基本上这是通过点击隐藏群集图标。

有办法做到这一点还是需要变焦？

感谢

Answer 1

如果您使用MarkerClustererPlus，则可以执行以下操作：

markerCluster = new MarkerClusterer(map, gmarkers, {
  imagePath: 'https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images/m',
  minimumClusterSize: 2,
  maxZoom: 0,
  zoomOnClick: false
});
google.maps.event.addListener(markerCluster, 'click', function(clust) {
    for (var i = 0; i < clust.getMarkers().length; i++) {
      clust.getMarkers()[i].setMap(map);
    }
    clust.remove();
});

将显示已点击群集中的标记，并从地图中删除群集。除非您进行其他编码，否则当您缩放地图时，群集将会改变。

proof of concept fiddle

Google Maps Cluster + Prevent Zoom＆amp;单击时取消群集

1 个答案: