Styling MarkerClusterer Icone?

Question

Sto utilizzando MarkerCluster.js per creare cluster nella mia API di Google Maps.I grappoli funzionano come li voglio, ma voglio avere uno stile diverso rispetto ai cerchi gialli, blu e rossi.Stavo cercando di usare MarkerStyleOptions e dice che hai una serie di stili con l'icona del cluster più piccola prima e l'ultima più grande.Ho provato a crearlo di seguito, ma sono davvero confuso su quale sintassi utilizzare e non riesco a trovare alcun buon esempio.

var clusterStyles = [
    [opt_textColor: 'white'],
    [opt_textColor: 'white'],
    [opt_textColor: 'white']
];

var mcOptions = {
    gridSize: 50,
    styles: clusterStyles,
    maxZoom: 15
};
var markerclusterer = new MarkerClusterer(map, cluster, mcOptions);

Answer 1

Quello che devi fare è utilizzare l'URL per specificare quali immagini utilizzare invece delle immagini blu / gialle / rosse attualmente in uso.E probabilmente è una buona idea includere anche le opzioni di altezza e larghezza.

var clusterStyles = [
  {
    textColor: 'white',
    url: 'path/to/smallclusterimage.png',
    height: 50,
    width: 50
  },
 {
    textColor: 'white',
    url: 'path/to/mediumclusterimage.png',
    height: 50,
    width: 50
  },
 {
    textColor: 'white',
    url: 'path/to/largeclusterimage.png',
    height: 50,
    width: 50
  }
];

Answer 2

Non è mai troppo tardi per pubblicare una risposta piuttosto utile, quindi puoi anche consultare l'intera Documentazione MarkerClusterer per IconStyle

<⇨UPDATE

Esiste anche l ' utilità di google maps v3 su GitHub , come dichiarato da ehcanadian