Styling MarkerClusterer icônes?
-
27-10-2019 - |
Question
J'utilise les MarkerCluster.js pour créer le regroupement dans mon google maps api. Les groupes de travail que je les veux mais je veux un style différent de celui des cercles jaunes, bleus et rouges. Je tentais d'utiliser les MarkerStyleOptions et il dit que vous avez un éventail de styles avec le plus petit icône de cluster premier et le plus grand dernier. J'ai essayé de créer ce ci-dessous mais je suis vraiment obtenir confus sur ce que la syntaxe à utiliser et ne peut pas trouver 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);
La solution
Ce que vous devez faire est d'utiliser l'URL pour spécifier les images à utiliser au lieu des images bleu / jaune / rouge actuellement utilisés. Et probablement une bonne idée d'inclure les options de hauteur et largeur trop.
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
}
];
Autres conseils
Il est jamais trop tard pour poster une réponse assez utile, donc plus vous pouvez regarder à travers l'ensemble MarkerClusterer Documentation pour IconStyle
UPDATE
Il y a aussi google l'utilitaire de cartes sur github comme indiqué par ehcanadian