当点彼此靠近时，谷歌地图标记聚类不打开[重复]

Question

我使用 Google Maps API v3。我在下面有这个对象。我计算了它们之间的距离，大约是 1 米，我的问题是当我放大最后一个集群时永远不会打开并且我看不到这些点。我使用标记集群（因为我有超过 50k 点）。

var locations = [
  {lat: 41.2387918, lng: 65.00829530},
  {lat: 41.23880147, lng: 65.00829530}
]

注意：我找到了一些答案，他们建议为每个点添加一个随机数，但我想要确切的位置。

Answer 1

您需要设置MarkerClusterer的maxZoom。

来自the documentation

最大缩放：数字
启用集群的最大缩放级别；如果要在所有缩放级别启用集群，则为 null。

// Add a marker clusterer to manage the markers.
var markerCluster = new MarkerClusterer(map, markers, {
  imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',
  maxZoom: 20,
});

proof of concept fiddle

代码 sn-p：

function initMap() {

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 3,
    center: {
      lat: -28.024,
      lng: 140.887
    }
  });
  var bounds = {
    north: 41.238854621921156,
    east: 65.00841750814823,
    south: 41.23873864802776,
    west: 65.00817309185175
  }
  map.fitBounds(bounds);
  // Create an array of alphabetical characters used to label the markers.
  var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';

  // Add some markers to the map.
  // Note: The code uses the JavaScript Array.prototype.map() method to
  // create an array of markers based on a given "locations" array.
  // The map() method here has nothing to do with the Google Maps API.
  var markers = locations.map(function(location, i) {
    return new google.maps.Marker({
      position: location,
      label: labels[i % labels.length]
    });
  });

  // Add a marker clusterer to manage the markers.
  var markerCluster = new MarkerClusterer(map, markers, {
    imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',
    maxZoom: 20,
  });
}
var locations = [{
    lat: 41.2387918,
    lng: 65.00829530
  },
  {
    lat: 41.23880147,
    lng: 65.00829530
  }
]

/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */

#map {
  height: 100%;
}


/* Optional: Makes the sample page fill the window. */

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

<div id="map"></div>
<script src="https://unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js"></script>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>