Styliser les icônes MarkerClusterer ?

Question

J'utilise MarkerCluster.js pour créer un clustering dans mon api google maps. Les grappes fonctionnent comme je les veux, mais je veux un style différent des cercles jaunes, bleus et rouges. J'essayais d'utiliser les MarkerStyleOptions et cela indique que vous avez un tableau de styles avec la plus petite icône de cluster en premier et la plus grande en dernier. J'ai essayé de créer ceci ci-dessous, mais je suis vraiment confus quant à la syntaxe à utiliser et je ne trouve pas de bons exemples.

 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

Ce que vous devez faire est d'utiliser l'url pour spécifier les images à utiliser au lieu des images bleues/jaunes/rouges actuellement utilisées. Et c'est probablement une bonne idée d'inclure également les options de hauteur et de largeur.

 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

Il n'est jamais trop tard pour publier une réponse plutôt utile, vous pouvez donc également parcourir toute la documentation MarkerClusterer pour IconStyle

METTRE À JOUR

Il y a aussi l' utilitaire google maps v3 sur github comme indiqué par ehcanadian