Google Maps Api v3，自制集群图标

Question

除了库中的图标之外，还有什么方法可以使用我们自制的集群图标？ 这是我的代码，没有样式选项页面可以正常工作，但是使用样式选项地图不会与其余标记一起加载

  var longitude = position.coords.longitude;
  var latitude = position.coords.latitude;
  var latLong = new google.maps.LatLng(latitude, longitude);
  var locations = [
  ['Bondi Beach','<a href="story-detail.html">nepal</a>', 27.893, 85.667, 4],
  ['Coogee Beach','<a href="story-detail.html">nepal</a>', 27.883, 85.657, 5],
  ['Cronulla Beach', '<a href="story-detail.html">nepal</a>', 27.873, 85.647, 3],
  ['Manly Beach', '<a href="story-detail.html">nepal</a>',27.863, 85.637, 2],
  ['Maroubra Beach', '<a href="story-detail.html">nepal</a>',27.69, 85.427, 1]
];


var map = new google.maps.Map(document.getElementById('map'), {
  zoom: 10,
  center: latLong,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  disableDefaultUI:true
});
var geomarker = new google.maps.Marker({
    position: latLong,
    map: map,
    title: 'your location',
    icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png'
  });

var infowindow = new google.maps.InfoWindow();
google.maps.event.addListener(geomarker, 'click', (function(geomarker) {
    return function() {
      infowindow.setContent('You are here');
      infowindow.open(map, geomarker);
    }
  })(geomarker));

var markers=[], i;

for (i = 0; i < locations.length; i++) {  

  var marker = new google.maps.Marker({
    position: new google.maps.LatLng(locations[i][2], locations[i][3])
    //map: map
  });
  google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(locations[i][1]);
      infowindow.open(map, marker);
    }
  })(marker, i));

  markers.push(marker);
}
var markerCluster = new MarkerClusterer(map, markers, {
styles: [{
     url: '../img/logo.png'
 }, {
     url: '../imglogo.png'
 }, {
     url: '../img/logo.png'
 }]);

Answer 1

是的，根据文档： http://gmaps-utility-library-dev.googlecode.com/svn/tags/markerclusterer/1.0/docs/reference.html

MarkerClusterer 构造函数采用 MarkerClustererOptions 对象，该对象可以包含包含图像 URL 的 styles 数组。该文档在实际示例中有点缺乏证明，尽管如果您更改集群样式，您可以在此处看到它发生：

https://googlemaps.github.io/js-marker-clusterer/examples/advanced_example.html

我认为您只需要执行以下操作：

markerClusterer = new MarkerClusterer(map, markers, {
     styles: [{
         url: '../images/people35.png'
     }, {
         url: '../images/people45.png'
     }, {
         url: '../images/people55.png'
     }]
 });