javascript - origin - label anchor google maps

¿Estilo de iconos de MarkerClusterer?

Question

Estoy usando MarkerCluster.js para crear clusters en mi api de google maps. Los clústeres funcionan como quiero, sin embargo, quiero diseñar de forma diferente a los círculos amarillos, azules y rojos. Intenté usar MarkerStyleOptions y dice que tienes una matriz de estilos con el icono de clúster más pequeño primero y el último más grande. Traté de crear esto a continuación, pero me estoy realmente confundiendo acerca de qué sintaxis usar y no puedo encontrar ningún buen ejemplo.

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

Lo que debe hacer es usar la url para especificar qué imágenes usar en lugar de las imágenes azules / amarillas / rojas que se utilizan actualmente. Y probablemente sea una buena idea incluir las opciones de alto y ancho también.

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

Nunca es demasiado tarde para publicar una respuesta bastante útil, por lo que también puede consultar toda la documentación de MarkerClusterer para IconStyle

ACTUALIZAR

También hay una utilidad google maps v3 en github según lo declarado por ehcanadian