谷歌地图自定义标记

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]
});