javascript - 谷歌地图API : apply MarkerClusterer only to a category of specific markers

Question

使用 MarkerClusterer，我只想对一类标记进行聚类。 我这里有 10 个标记。我只想使用“type”变量(即“cluster”或“nocluster”)对其中的 8 个进行聚类。

听起来很简单，但我没有找到任何提示...... 有什么想法吗？

谢谢

<script>

    function initMap() {

      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 8,
        center: {
          lat: 48.371310,
          lng: 7.593634
        },
        gestureHandling: 'cooperative'
      });

      var markers1 = locations.map(function(location, i) {

        var marker = new google.maps.Marker({
          position: location,
          type: location.type
        });

      });

      // Add a marker clusterer to manage the markers. 
      var mcOptions = {gridSize: 50, maxZoom: 10, styles: [{
        anchor:[0,0],
        textSize: 14,
        height: 50,
        width: 50
      }]
    };

      var markerCluster = new MarkerClusterer(map, markers1, mcOptions);

    } /* end FUNCTION initMap */

    var locations = [
            {num: '1', type: 'cluster', lat: 49.050288, lng: 7.950412},
            {num: '2', type: 'cluster', lat: 48.929413, lng: 7.852254},
            {num: '3', type: 'cluster', lat: 48.926529, lng: 7.361955},
            {num: '4', type: 'cluster', lat: 48.892072, lng: 7.655839},
            {num: '5', type: 'cluster', lat: 48.887685, lng: 7.785195},
            {num: '6', type: 'cluster', lat: 48.857382, lng: 7.321078},
            {num: '7', type: 'cluster', lat: 48.856634, lng: 7.319182},
            {num: '8', type: 'cluster', lat: 48.761871, lng: 7.967141},
            {num: '9', type: 'nocluster', lat: 48.736924, lng: 7.709988},
            {num: '10', type: 'nocluster', lat: 48.749944, lng: 7.340100}
          ];

    google.maps.event.addDomListener(window, "load", initMap);

</script>

<script src="js/markerclusterer.js"></script>

Answer 1

很简单 - 如果您想要对标记进行聚类，请将其添加到 markerCluster 中，否则，只需使用 marker.setMap(map)。

google.maps.Marker 将忽略您传入的 type 键，因为它不会对其执行任何操作(此外，没有机制可以检索它)所以你可能应该只创建两组标记:

var markersToCluster = [];
var markersToNotCluster = [];
locations.forEach(function(location, i) {
   var marker = new google.maps.Marker({position:location});
   location.type === 'something' ? markersToCluster.push(marker) : markersToNotCluster.push(marker);
});

var markerCluster = new MarkerClusterer(map, markersToCluster, mcOptions);
markersToNotCluster.forEach(function(m) { m.setMap(map); });