Discussion :

[abel.ludba]

Salut
J'utilise MarkerClusterer pour dessiner des markers pour un ensemble de données et cela fonctionne.
Je viens de recevoir un autre ensemble de données differents dont les markeurs doivent etre sur la meme carte: les markeurs ont d'autres coordonees. Je voudrais donc les placer avec des icones differents dans la meme carte. Avez des idées commnet peut-on faire cela?
Merci
Abel

[NoSmoking]

Bonjour,
je présumes que quelque part tu as un code de ce style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var markerCluster = new MarkerClusterer( map, tabMarkers);

et qu'est ce qui t'empêches d'en rajouter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var markerCluster_1 = new MarkerClusterer(map, tabMarkers);
var markerCluster_2 = new MarkerClusterer(map, tabAutresMarkers);

[abel.ludba]

Salut
Je l'ai fait. Mais, j'ai de la peine à ce que la nouvelle instance prenne les icones (differnts) pour le deuxieme ensemble de données. Je ne réussis pas à changer les icones des clusters car ils sont dessinés au niveau de la librairie MarkerClusterer.
Auriez-vous une idée?
Merci

[NoSmoking]

Je ne réussis pas à changer les icones des clusters car ils sont dessinés au niveau de la librairie MarkerClusterer.

j'ai été voir cette librairie et effectivement il existe des images par défauts, 5 de prévues avec les options par défaut.
http://google-maps-utility-library-v.../images/m1.png à m5.png

On peut également passer des options dans le constructeur

• gridSize
• maxZoom
• styles

dans ton cas ce qui est intéressant et de modifier le style en laissant les autres par défaut.

Il te faut créer un tableau d'objet pour le nouveau style qui doit contenir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var optionStyle = [
  {
    url: 'image1.png',
    height: 35,
    width: 35,
    anchor: [16, 0],
    textColor: '#ff00ff',
    textSize: 10
  }, 
  {
    url: 'image2.png',
    height: 40,
    width: 40,
    anchor: [20, 0],
    textColor: '#ff00ff',
    textSize: 12
  }, ...etc..

ensuite il te suffit de créer ton nouveau markerclusterer comme suit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var markerCluster_2 = new MarkerClusterer( map, tabAutresMarkers, {
      styles: optionStyles[0]
    });

sources
- http://google-maps-utility-library-v...erclusterer.js
- http://google-maps-utility-library-v...reference.html
- http://gmaps-utility-library.googlec...reference.html
- http://google-maps-utility-library-v...d_example.html

[abel.ludba]

Salut
Je ne connaissais pas ces exemples.
Ta solution est ce qu'il me faut. Cela est parfait.
Je l'appliquerai.
Merci beaucoup.
Abel

[NoSmoking]

Je ne connaissais pas ces exemples.

à vrai dire moi non plus.

D'autres exemples existe ici http://code.google.com/intl/fr/apis/...mogallery.html, c'est dans les pages de l'API.

[abel.ludba]

Salut
En passant, la librairie que j'utilise (MarkerClusterer) cause un message d'erreur avec IE 8 et moins quand on utilise un grand nombre de markeurs( plus de 7000). Une nouvelle version de cette librairie: "MarkerClustererPlus" est dispo. Elle évite beaucoup de problèmes connus avec la version précendente.

Merci encore.