Infobulle Infowindow Google Maps API V3 exemples et tutoriels

API Google Maps JavaScript version 3

Cartographie et webmapping

L'API Google Maps JavaScript version 3 permet d'afficher sur la carte une Info-bulle ou Infowindow, créee à l'aide de la classe google.maps.InfoWindow.

L'Info-bulle est une fenêtre flottante venant se superposer à la carte. Celle-ci est ancrée à un point géographique précis sur la carte, et son contenu peut afficher divers types d'informations (texte, images, vidéos, etc.).

Les propriétés de l'objet google.maps.infoWindowOptions permettent de personnaliser une Info-bulle.

Enfin, les InfoWindow sont interactives. Elles peuvent être utilisées, via des observateurs d'événements, pour réagir à certaines actions et déclencher par exemple l'affichage d'un message lors de leur fermeture.

Ajouter une info-bulle ou infowindow au marqueur

Une fois notre marqueur (par défaut ou personnalisé) placé sur la carte, il est temps de lui ajouter une info-bulle ou infowindow.

Celle-ci s'ouvrira à l'aide d'un click sur le marker et contiendra du texte et une photo.

Prêt ? ... Partez !