Infobulle Infowindow Google Maps API V3 exemples et tutoriels

API Google Maps JavaScript version 3

Cartographie et webmapping

Partager ce tutoriel sur les réseaux sociaux
Signaler une erreur dans cet article

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

22 Avril 2016

Ajouter une InfoWindow

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 !