L'API Google Maps v3: Comment modifier dynamiquement l'icône de marque?

Question

À l'aide de l'API Google Maps v3, comment puis-je pro grammaticalement changer l'icône de marque?

Ce que je voudrais faire, c'est que quand quelqu'un passe sur un lien pour avoir l'icône de marque correspondante sur la carte de changement de couleurs pour désigner le marqueur en question.

Essentiellement, la même fonction que ce Perchoir.

Voir l'exemple vivant

Lorsque vous survolez une maison d'inscription sur la gauche, le marqueur correspondant sur la droite change de couleur

Answer 1

Appel de l' marker.setIcon('newImage.png')... Regarde ici pour les docs. Alternativement, vous pouvez aussi l'appeler avec un MarkerImage objet.

Êtes-vous demander à propos de la façon de le faire? Vous pouvez simplement créer chaque div, et ajouter un mouseover et mouseout auditeur qui allait changer l'icône et le dos pour les marqueurs.

Answer 2

Ce fil peut-être mort, mais StyledMarker est disponible pour les API v3. Juste lier le changement de couleur que vous voulez le corriger DOM événement à l'aide de la addDomListener() méthode. Cet exemple est assez proche de ce que vous voulez faire. Si vous regardez le source de la page, modifiez:

google.maps.event.addDomListener(document.getElementById("changeButton"),"click",function() {
  styleIcon.set("color","#00ff00");
  styleIcon.set("text","Go");
});

à quelque chose comme:

google.maps.event.addDomListener("mouseover",function() {
  styleIcon.set("color","#00ff00");
  styleIcon.set("text","Go");
});

Cela devrait être suffisant pour vous permettre d'avancer.

La page de Wikipedia sur les Événements DOM sera également vous aider à cibler l'événement que vous souhaitez capturer sur le côté client.

Bonne chance (si vous avez encore besoin d'elle)

Answer 3

Le GMaps Bibliothèque Utilitaire a un plugin appelé MapIconMaker qui le rend facile à générer des marqueurs différents styles à la volée. Il utilise Google Charts pour dessiner les marqueurs.

Il y a une bonne démo ici qui montre à quel type de marqueurs que vous pouvez faire avec elle.