Google 地图集群不分离彼此靠近的标记以便infoWindow显示信息

Question

我有几个标记彼此靠近，但我无法将其分开以显示信息窗口。我怎样才能从集群中分离出标记（在这种情况下是标记 A 和 B）

这是地图的示例代码和视图。你可以看到 D 和 C 是更远的标记，所以它们是分开的。但是A和B是分不开的。我该如何解决这个问题。

const locations = [
  { lat: -31.56391, lng: 147.154312 },  <-- A close to B
  { lat: -31.56391, lng: 147.154323 },  <-- B close to A
  { lat: -33.66231, lng: 150.254312 },
  { lat: -33.69391, lng: 143.254312 }, 
];

以下是我如何对标记进行聚类：

  new MarkerClusterer(map, markers_vars, {
    imagePath:
      "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m",
  });

Answer 1

您需要自定义 gridSize。对于发布的代码，我发现 30 有效并显示分隔的标记。

new MarkerClusterer(map, markers_vars, {
  imagePath: "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m",
  gridSize: 30
});

相关文档：https://googlemaps.github.io/v3-utility-library/interfaces/_google_markerclustererplus.markerclustereroptions.html#gridsize

这是我制作的一个小工具，可以用来测试 minimumClusterSize 和 gridSize：http://jsfiddle.net/upsidown/2qdvjc4j/

Google 地图集群不分离彼此靠近的标记以便infoWindow显示信息

Google Map cluster does not separate markers that are close to each other for infoWindow to display info

javascript

google-maps

marker

google-maps-markers

markerclusterer