InfoWindow

Référence API Google Maps JavaScript version 3.24

API Google Maps JavaScript version 3

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

Classe InfoWindow

classe google.maps.InfoWindow

Superposition ressemblant à une bulle et souvent liée à un marqueur.

Cette classe hérite de la classe MVCObject.

Constructeur
Evénement
Méthode
Constructeur InfoWindow
ConstructeurDescription
infoWindow(
       opts?:InfoWindowOptions
)

Crée une fenêtre d'information ou info-bulle à l'aide les options transmises.

Une InfoWindow peut être placée sur une carte à une position particulière ou au-dessus d'un marqueur, en fonction de ce qui est spécifié dans les options.

Sauf si auto-pan est désactivé, une InfoWindow va déclencher le déplacement de la carte pour être visible une fois ouverte.

Après la construction d'une InfoWindow, vous devez appeler open pour l'afficher sur la carte.

L'utilisateur peut cliquer sur le bouton de fermeture situé sur l'InfoWindow pour la supprimer de la carte, ou le développeur peut appeler close() pour reproduire le même effet.

Evénement InfoWindow
EvénementArgumentsDescription
closeclickArguments :  None 

Cet événement est déclenché lorsque le bouton de fermeture a été cliqué.

content_changedArguments :  None 

Cet événement est déclenché lorsque la propriété content change.

domreadyArguments :  None 

Cet événement est déclenché lorsque la <div/> contenant le contenu de l'InfoWindow est attachée au DOM.

Vous pouvez suivre cet évènement si vous construisez le contenu de votre info-bulle de façon dynamique.

position_changedArguments :  None 

Cet événement est déclenché lorsque la propriété position change.

zindex_changedArguments :  None 

Cet événement est déclenché lorsque le zIndex de l'Info-bulle change.

Méthode InfoWindow
MéthodeValeur RetournéeDescription
close()Valeur retournée :  None 

Ferme cette info-bulle en la supprimant de la structure du DOM.

getContent()Valeur retournée :  string | node 

Retourne le contenu de l'info-bulle.

getPosition()Valeur retournée : LatLng

Retourne la position de l'info-bulle.

getZIndex()Valeur retournée :  number 

Retourne le z-index de l'info-bulle.

open(
       map:Map|StreetViewPanorama,
       anchor?:MVCObject
)
Valeur retournée :  None 

Ouvre cette info-bulle sur la carte indiquée.

En option, une info-bulle peut être associée à un point d'ancrage. Dans l'API de base, la seule ancre possible est la classe de Marker.

Cependant, un point d'ancrage peut être n'importe quel objet MVCObject qui expose la propriété position et éventuellement anchorPoint pour le calcul du pixelOffset (voir InfoWindowOptions).

L'anchorPoint correspond au décalage entre la position d'ancrage et la pointe de l'info-bulle

setContent(
       content: String | Node 
)
Valeur retournée :  None 

Définit le contenu de l'info-bulle.

setOptions(
       options:InfoWindowOptions
)
Valeur retournée :  None 

Définit les options de l'info-bulle.

setPosition(
       position:LatLng|LatLngLiteral
)
Valeur retournée :  None 

Définit l'emplacement du point d'ancrage de l'info-bulle.

setZIndex(
       zIndex: number 
)
Valeur retournée :  None 

Définit le z-index de l'info-bulle.