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

Question

我有一种情况，我有几个标记彼此靠近，但我无法将其分离以显示信息窗口。我如何从集群中分离出标记(在这种情况下是标记A和B(

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

https://jsfiddle.net/t9kdqfwx/

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/