Advanced Markers (beta)

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

Classe AdvancedMarkerView

Classe google.maps.marker.AdvancedMarkerView

Crée un AdvancedMarkerView avec les options spécifiées. Si une carte est spécifiée, AdvancedMarkerView y est ajouté lors de la construction. Notez que la position doit être définie pour que la AdvancedMarkerView s'affiche.

Cette classe implémente AdvancedMarkerViewOptions.

Nécessite le paramètre d'URL &libraries=marker. Consultez la section Bibliothèques dans l'API Maps JavaScript.

AdvancedMarkerView
AdvancedMarkerView([options])
Paramètres:
collisionBehavior
Type:CollisionBehavior optional
content
Type:Element optional
draggable
Type : boolean optional
element optional
Type:Element optional
Ce champ est en lecture seule. Élément DOM qui sauvegarde la vue.
map
Type:Map optional
position
title
Type : string optional
zIndex
Type:number optional
addListener
addListener(eventName, handler)
Paramètres :
  • eventNamestring
  • handler : Function
Valeur renvoyée: MapsEventListener
Ajoute la fonction d'écouteur donnée au nom de l'événement donné.
click
function(event)
Arguments :
Cet événement est déclenché lorsque l'utilisateur clique sur l'élément AdvancedMarkerView.
drag
function(event)
Arguments:
Cet événement est déclenché à plusieurs reprises pendant que l'utilisateur fait glisser l'élément AdvancedMarkerView.
dragend
function(event)
Arguments:
Cet événement est déclenché lorsque l'utilisateur arrête de faire glisser la AdvancedMarkerView.
dragstart
function(event)
Arguments:
Cet événement se déclenche lorsque l'utilisateur commence à faire glisser le AdvancedMarkerView.

Interface AdvancedMarkerViewOptions

google.maps.marker.AdvancedMarkerViewOptions interface

Options permettant de construire un AdvancedMarkerView

Nécessite le paramètre d'URL &libraries=marker. Consultez la section Bibliothèques dans l'API Maps JavaScript.

collisionBehavior optional
Type : CollisionBehavior optional
Énumération spécifiant le comportement d'une AdvancedMarkerView lorsqu'elle entre en conflit avec une autre AdvancedMarkerView ou avec les étiquettes de la carte de base sur une carte vectorielle.

Remarque: AdvancedMarkerViewla collision AdvancedMarkerView fonctionne à la fois sur les cartes raster et vectorielles. Cependant, AdvancedMarkerView ne fonctionne que pour les cartes cartographiques de base.

content optional
Type:Element optional
Par défaut:PinView.element
Élément DOM supportant le visuel d'un AdvancedMarkerView.

Remarque : AdvancedMarkerView ne clone pas l'élément DOM transmis. Une fois l'élément DOM transmis à un AdvancedMarkerView, le transfert du même élément DOM à un autre AdvancedMarkerView déplace l'élément DOM et fait apparaître le AdvancedMarkerView précédent vide.

draggable optional
Type : boolean optional
Par défaut:false
Si true, AdvancedMarkerView peut être déplacé.

Remarque: Vous ne pouvez pas déplacer le curseur AdvancedMarkerView avec l'altitude.

element optional
Type:Element optional
Ce champ est en lecture seule. Élément DOM qui sauvegarde la vue.
map optional
Type:Map optional
Carte sur laquelle afficher AdvancedMarkerView. La carte est requise pour afficher AdvancedMarkerView et peut être fournie en définissant AdvancedMarkerView.map si elle n'est pas fournie au moment de la construction.
position optional
Définit la position de AdvancedMarkerView. Un AdvancedMarkerView peut être construit sans position, mais ne s'affiche pas tant que sa position n'est pas fournie (par exemple, grâce aux actions ou aux choix de l'utilisateur). La AdvancedMarkerViewposition de AdvancedMarkerView.position peut être spécifiée si elle n'est pas fournie lors de la construction.

Remarque : AdvancedMarkerView avec l'altitude n'est compatible qu'avec les cartes vectorielles.

title optional
Type : string optional
Texte de roulement. Le cas échéant, un texte d'accessibilité (à utiliser avec les lecteurs d'écran, par exemple) sera ajouté à AdvancedMarkerView avec la valeur fournie.
zIndex optional
Type : number optional
Tous les AdvancedMarkerView s'affichent sur la carte en fonction de leur zIndex. Les valeurs les plus élevées s'affichent devant celles de AdvancedMarkerView. Par défaut, les AdvancedMarkerView s'affichent en fonction de leur position verticale à l'écran. Les AdvancedMarkerView inférieures s'affichent devant les AdvancedMarkerViews plus haut dans l'écran. Notez que zIndex permet également de déterminer la priorité relative entre les repères avancés CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY. Une valeur zIndex plus élevée indique une priorité plus élevée.

PinView

Classe google.maps.marker.PinView

Un PinView représente un élément DOM constitué d'une forme et d'un glyphe. La forme a le même style d'infobulle que dans la AdvancedMarkerView par défaut. Le glyphe est un élément DOM facultatif affiché dans la forme d'infobulle. Un PinView peut avoir des proportions différentes en fonction de sa PinView.scale.

Cette classe implémente PinViewOptions.

Nécessite le paramètre d'URL &libraries=marker. Consultez la section Bibliothèques dans l'API Maps JavaScript.

PinView
PinView([options])
Paramètres:
background
Type : string optional
borderColor
Type : string optional
element optional
Type : Element optional
Ce champ est en lecture seule. Élément DOM qui sauvegarde la vue.
glyph
Type:string|Element|URL optional
Consultez les PinViewOptions.glyph.
glyphColor
Type : string optional
scale
Type : number optional
Consultez les PinViewOptions.scale.
addListener
addListener(eventName, handler)
Paramètres :
  • eventNamestring
  • handlerFunction
Valeur renvoyée: MapsEventListener
Ajoute la fonction d'écouteur donnée au nom de l'événement donné.

Interface PinViewOptions

google.maps.marker.PinViewOptions interface

Options pour créer un PinView.

Nécessite le paramètre d'URL &libraries=marker. Consultez la section Bibliothèques dans l'API Maps JavaScript.

background optional
Type:string optional
Couleur d'arrière-plan de la forme du repère. Compatible avec toutes les valeurs de couleur CSS.
borderColor optional
Type:string optional
Couleur de bordure de la forme du repère. Compatible avec toutes les valeurs de couleur CSS.
element optional
Type:Element optional
Ce champ est en lecture seule. Élément DOM qui sauvegarde la vue.
glyph optional
Type : string|Element|URL optional
Élément DOM affiché dans le repère.
glyphColor optional
Type : string optional
Couleur du glyphe. Compatible avec toutes les valeurs de couleur CSS.
scale optional
Type : number optional
Par défaut:1
Échelle du repère.