Question

我在谷歌地图上使用Markerclusterer。我的代码与他们提供的示例非常相似。

var map = new google.maps.Map(document.getElementById("map"), options);

var markers = [];
for (var i = 0; i < 100; i++) {
  var latLng = new google.maps.LatLng(data.photos[i].latitude,
      data.photos[i].longitude);
  var marker = new google.maps.Marker({'position': latLng});
  markers.push(marker);
}
var markerCluster = new MarkerClusterer(map, markers);

这样可以正常工作。目前我有自定义标记，每个标记有自定义信息。如果我正常使用它然后一切都很好。如果我尝试使用Markerclusterer，它不会聚集标记。如果我不使用自定义标记，它只会聚集标记。

是否有人知道如何使用自定义标记与markerclusterer。我不是指自定义聚类标记，而是指单个标记

Answer 1

了解它是如何完成的here

您需要传递ClusterIconStyle，如下所示

var styles = [[{
    url: '../images/people35.png',
    height: 35,
    width: 35,
    anchor: [16, 0],
    textColor: '#ff00ff',
    textSize: 10
  },
...


markerClusterer = new MarkerClusterer(map, markers, {
      maxZoom: zoom,
      gridSize: size,
      styles: style[styles]
});

谷歌地图自定义标记

1 个答案: