Utilisation de Google Maps

Ouvrir une « info-bulle » Google Maps

L’API Google Maps possède des fonctions permettant l'affichage « d'info-bulles » ce qui permet de positionner des bâtiments, des annotations, etc. L’exemple ci-dessous permet, par rapport à l’exemple précédent, d’afficher une « info-bulle » au centre de la carte indiquant le nom du point géographique donné.

Le premier paramètre correspond aux coordonnées géographiques de type « GLatLng » auxquelles attacher « l’info-bulle » et le second correspond au contenu affiché dans cette « info-bulle ».

map.openInfoWindow(point,
                   document.createTextNode("Université Technologique de Compiègne"));

L’API Google Maps met à disposition deux types d’info-bulles, la première ne permet d’afficher que du texte (comme celle utilisée dans l’exemple) et la seconde permet d’afficher du contenu HTML (donc images, etc.). Cette dernière est disponible en utilisant « openInfoWindowHtml » au lieu de « openInfoWindow ».

Mise en place d'une info-bulle

Visualiser l’exemple permettant l’affichage d’une « info-bulle ».
Télécharger les sources de cet exemple.