2010-07-29 11 views
4

J'essaie de voir comment Google ajoute des images et du style à leurs infobulles qui apparaissent sur les marqueurs dans google maps.html-/style des info-bulles dans google maps api v3

Un exemple du comportement souhaité peut être vu ici:

http://maps.google.es/maps?oe=utf-8&q=hotels+in+sydney

Si vous mouseover l'un des marqueurs de l'hôtel, vous verrez différents styles (texte en gras, texte normal), des paragraphes ou des sauts de ligne et des images pour le classement des étoiles de l'hôtel. Autant que je puisse voir à partir des docs, ces infobulles sont créées en donnant à chaque marqueur un attribut 'title' ... cependant, tout code HTML dans cet attribut est échappé; vous pourriez vous retrouver avec une info-bulle qui ressemble à:

<p class="tooltip-text">This doesn't work!</p> <image src="/images/myimage.png" /> 

... ce qui n'est pas le résultat souhaité.

Vous avez des idées?

+0

Voici un lien qui vous montre comment créer une info-bulle personnalisée pour Google Maps API V3: http://medelbou.wordpress.com/2012/02/03/creating-a-tooltip-for-google-maps-javascript -api-v3/ Pour le voir en action, allez ici http://medelbou.com/demos/google-maps-tooltip/ –

Répondre

1

Découvrez these tools. Il y a une personnalisation d'infobox qui remplace à peu près celle par défaut mais conserve toutes ses propriétés. J'espère que cela aide!

+0

Je suppose que vous avez tous les deux répondu à ma question ... ie. vous avez besoin de créer votre propre superposition. Mais ces bibliothèques sont plutôt sympa! – Josh

Questions connexes