Draw on the map

Classe MarkerElement

google.maps.maps3d.MarkerElement class
extends HTMLElement
implements MarkerElementOptions
library "maps3d"

Affiche une position sur une carte 3D. Notez que le position doit être défini pour que le MarkerElement s'affiche.

      
<gmp-marker
  altitude-mode="value-name"
  anchor-left="string"
  anchor-top="string"
  autofits-camera
  collision-behavior="value-name"
  collision-priority="number"
  position="lat,lng"
  title="string">
</gmp-marker>

const {MarkerElement} = await google.maps.importLibrary("maps3d");

Constructeur
MarkerElement	MarkerElement([options]) Paramètres : options : MarkerElementOptions optional Crée un MarkerElement avec les options spécifiées.

Propriétés
altitudeMode attr: altitude-mode	Type d'entrée : AltitudeMode optional Type de sortie : AltitudeMode Par défaut : AltitudeMode.CLAMP_TO_GROUND Spécifie comment l'altitude de la position est interprétée. Attribut HTML : altitude-mode="value-name"
anchorLeft attr: anchor-left	Type d'entrée : string optional Type de sortie : string Par défaut : -50 % Une valeur de longueur-pourcentage CSS utilisée pour décaler le point d'ancrage par rapport à l'angle supérieur gauche du repère. Cela est utile lorsque vous utilisez un visuel dont le point d'ancrage est différent du point central inférieur habituel du repère par défaut. Attribut HTML : anchor-left="string"
anchorTop attr: anchor-top	Type d'entrée : string optional Type de sortie : string Par défaut : -100 % Une valeur de longueur-pourcentage CSS utilisée pour décaler le point d'ancrage par rapport à l'angle supérieur gauche du repère. Cela est utile lorsque vous utilisez un visuel dont le point d'ancrage est différent du point central inférieur habituel du repère par défaut. Attribut HTML : anchor-top="string"
autofitsCamera attr: autofits-camera	Remarque : Disponible uniquement dans le canal v=alpha. Type : boolean optional Par défaut : false Si vous le spécifiez, le repère indiqué sera visible dans la fenêtre d'affichage de la carte, ainsi que tous les autres éléments qui ont activé cette option. Attribut HTML : autofits-camera
collisionBehavior attr: collision-behavior	Type d'entrée : CollisionBehavior optional Type de sortie : CollisionBehavior Par défaut : CollisionBehavior.REQUIRED Énumération spécifiant comment un MarkerElement doit se comporter lorsqu'il entre en collision avec un autre MarkerElement, Marker3DElement ou avec les libellés de la carte de base. Attribut HTML : collision-behavior="value-name"
collisionPriority attr: collision-priority	Type d'entrée : number optional Type de sortie : number optional Nombre utilisé pour déterminer la priorité relative entre les repères CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY (y compris Marker3DElement). Une valeur collisionPriority plus élevée indique une priorité plus élevée. Attribut HTML : collision-priority="number"
position attr: position	Type d'entrée : LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Type de sortie : LatLngAltitude optional Emplacement de la pointe du repère. L'altitude est ignorée dans certains modes et est donc facultative. Attribut HTML : position="lat,lng" position="lat,lng,altitude"
title attr: title	Type : string Texte de roulement. Si un texte d'accessibilité est fourni (par exemple, pour une utilisation avec des lecteurs d'écran), il sera ajouté à l'élément MarkerElement avec la valeur fournie. Attribut HTML : title="string"

Emplacements
default	Tous les éléments personnalisés ajoutés directement à MarkerElement seront insérés.

Propriétés CSS
z-index	Z-index de ce repère. Pour en savoir plus, consultez la documentation sur z-index. Les repères qui se chevauchent et qui ont un z-index plus élevé couvrent ceux qui ont un z-index plus faible. Par défaut, les repères sont affichés en fonction de leur position dans le DOM. Les repères ajoutés ultérieurement au DOM apparaissent devant ceux ajoutés plus tôt.

Méthodes
Hérité : addEventListener, removeEventListener

Interface MarkerElementOptions

google.maps.maps3d.MarkerElementOptions interface

Objet MarkerElementOptions utilisé pour définir les propriétés pouvant être définies sur un MarkerElement.

Propriétés
altitudeMode facultatif	Type : AltitudeMode optional Consultez les MarkerElement.altitudeMode.
anchorLeft facultatif	Type : string optional Consultez les MarkerElement.anchorLeft.
anchorTop facultatif	Type : string optional Consultez les MarkerElement.anchorTop.
autofitsCamera facultatif	Remarque : Disponible uniquement dans le canal v=alpha. Type : boolean optional Consultez les MarkerElement.autofitsCamera.
collisionBehavior facultatif	Type : CollisionBehavior optional Consultez les MarkerElement.collisionBehavior.
collisionPriority facultatif	Type : number optional Consultez les MarkerElement.collisionPriority.
position facultatif	Type : LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Consultez les MarkerElement.position.
title facultatif	Type : string optional Consultez les MarkerElement.title.

MarkerInteractiveElement

google.maps.maps3d.MarkerInteractiveElement class
extends MarkerElement
implements MarkerInteractiveElementOptions
library "maps3d"

Affiche une position sur une carte 3D. Notez que le position doit être défini pour que le MarkerInteractiveElement s'affiche. Contrairement à MarkerElement, MarkerInteractiveElement reçoit un événement gmp-click.

<gmp-marker-interactive
  gmp-popover-target-element="popover-id">
</gmp-marker-interactive>

const {MarkerInteractiveElement} = await google.maps.importLibrary("maps3d");

Constructeur
MarkerInteractiveElement	MarkerInteractiveElement([options]) Paramètres : options : MarkerInteractiveElementOptions optional Crée un MarkerInteractiveElement avec les options spécifiées.

Propriétés
gmpPopoverTargetElement attr: gmp-popover-target-element	Type d'entrée : PopoverElement optional Type de sortie : PopoverElement optional Lorsqu'il est défini, l'élément popover s'ouvre lorsque l'utilisateur clique sur ce repère. Attribut HTML : gmp-popover-target-element="popover-id"
Hérité : altitudeMode (attr : altitude-mode), anchorLeft (attr : anchor-left), anchorTop (attr : anchor-top), autofitsCamera (attr : autofits-camera), collisionBehavior (attr : collision-behavior), collisionPriority (attr : collision-priority), position (attr : position), title (attr : title)

Emplacements
Hérité : default

Propriétés CSS
Hérité : z-index

Méthodes
Hérité : addEventListener, removeEventListener

Événements
gmp-click	function(clickEvent) Arguments : clickEvent : LocationClickEvent optional Cet événement est déclenché lorsque l'utilisateur clique sur l'élément MarkerInteractiveElement.

MarkerInteractiveElementOptions

google.maps.maps3d.MarkerInteractiveElementOptions interface
extends MarkerElementOptions

Objet MarkerInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un MarkerInteractiveElement.

Propriétés
gmpPopoverTargetElement facultatif	Type : PopoverElement optional Consultez les MarkerInteractiveElement.gmpPopoverTargetElement.
Héritées : altitudeMode, anchorLeft, anchorTop, autofitsCamera, collisionBehavior, collisionPriority, position, title

Marker3DElement

google.maps.maps3d.Marker3DElement class
extends HTMLElement
implements Marker3DElementOptions
library "maps3d"

Affiche une position sur une carte 3D. Notez que le position doit être défini pour que le Marker3DElement s'affiche.

     
<gmp-marker-3d
  altitude-mode="value-name"
  autofits-camera
  collision-behavior="value-name"
  collision-priority="number"
  draws-when-occluded
  extruded
  label="string"
  position="lat,lng"
  size-preserved
  z-index="number">
</gmp-marker-3d>

const {Marker3DElement} = await google.maps.importLibrary("maps3d");

Constructeur
Marker3DElement	Marker3DElement([options]) Paramètres : options : Marker3DElementOptions optional Crée un Marker3DElement avec les options spécifiées.

Propriétés
altitudeMode attr: altitude-mode	Type d'entrée : AltitudeMode optional Type de sortie : AltitudeMode Par défaut : AltitudeMode.CLAMP_TO_GROUND Spécifie comment l'altitude de la position est interprétée. Attribut HTML : altitude-mode="value-name"
autofitsCamera attr: autofits-camera	Remarque : Disponible uniquement dans le canal v=alpha. Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Si vous le spécifiez, le repère indiqué sera visible dans la fenêtre d'affichage de la carte, ainsi que tous les autres éléments qui ont activé cette option. Attribut HTML : autofits-camera
collisionBehavior attr: collision-behavior	Type d'entrée : CollisionBehavior optional Type de sortie : CollisionBehavior Par défaut : CollisionBehavior.REQUIRED Énumération spécifiant comment un Marker3DElement doit se comporter lorsqu'il entre en collision avec un autre Marker3DElement ou avec les libellés de la carte de base. Attribut HTML : collision-behavior="value-name"
collisionPriority attr: collision-priority	Type d'entrée : number optional Type de sortie : number optional Priorité de collision utilisée pour la détection des collisions. Attribut HTML : collision-priority="number"
drawsWhenOccluded attr: draws-when-occluded	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si ce repère doit être dessiné ou non lorsqu'il est masqué. Le repère peut être masqué par la géométrie de la carte (par exemple, des bâtiments). Attribut HTML : draws-when-occluded
extruded attr: extruded	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si le repère doit être connecté au sol. Pour extruder un repère, le altitudeMode doit être RELATIVE_TO_GROUND ou ABSOLUTE. Attribut HTML : extruded
label attr: label	Type d'entrée : string optional Type de sortie : string optional Texte à afficher par ce repère. Attribut HTML : label="string"
position attr: position	Type d'entrée : LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Type de sortie : LatLngAltitude optional Emplacement de la pointe du repère. L'altitude est ignorée dans certains modes et est donc facultative. Attribut HTML : position="lat,lng" position="lat,lng,altitude"
sizePreserved attr: size-preserved	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si ce repère doit conserver sa taille ou non, quelle que soit la distance par rapport à la caméra. Par défaut, la taille du repère est ajustée en fonction de la distance par rapport à la caméra/de l'inclinaison. Attribut HTML : size-preserved
zIndex attr: z-index	Type d'entrée : number optional Type de sortie : number optional zIndex par rapport aux autres repères. Attribut HTML : z-index="number"

Emplacements

default

Tous les éléments personnalisés ajoutés directement à Marker3DElement seront insérés. Toutefois, seuls les éléments de type HTMLImageElement, SVGElement et PinElement seront utilisés pour dessiner des repères. Les autres éléments seront ignorés. HTMLImageElement et SVGElement doivent être encapsulés dans un élément <template> avant d'être attribués à l'emplacement par défaut de Marker3DElement. Les images et les SVG sont actuellement pixellisés avant d'être affichés dans la scène 3D. Par conséquent, le code HTML personnalisé intégré aux classes SVG ou CSS ajoutées aux images ne sera pas appliqué et risque de ne pas être reflété lorsque les repères sont affichés à l'écran.

Méthodes
Hérité : addEventListener, removeEventListener

Interface Marker3DElementOptions

google.maps.maps3d.Marker3DElementOptions interface

Objet Marker3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Marker3DElement.

Propriétés
altitudeMode facultatif	Type : AltitudeMode optional Consultez les Marker3DElement.altitudeMode.
autofitsCamera facultatif	Remarque : Disponible uniquement dans le canal v=alpha. Type : boolean optional Consultez les Marker3DElement.autofitsCamera.
collisionBehavior facultatif	Type : CollisionBehavior optional Consultez les Marker3DElement.collisionBehavior.
collisionPriority facultatif	Type : number optional Consultez les Marker3DElement.collisionPriority.
drawsWhenOccluded facultatif	Type : boolean optional Consultez les Marker3DElement.drawsWhenOccluded.
extruded facultatif	Type : boolean optional Consultez les Marker3DElement.extruded.
label facultatif	Type : string optional Consultez les Marker3DElement.label.
position facultatif	Type : LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Consultez les Marker3DElement.position.
sizePreserved facultatif	Type : boolean optional Consultez les Marker3DElement.sizePreserved.
zIndex facultatif	Type : number optional Consultez les Marker3DElement.zIndex.

Classe Marker3DInteractiveElement

google.maps.maps3d.Marker3DInteractiveElement class
extends Marker3DElement
implements Marker3DInteractiveElementOptions
library "maps3d"

Affiche une position sur une carte 3D. Notez que le position doit être défini pour que le Marker3DInteractiveElement s'affiche. Contrairement à Marker3DElement, Marker3DInteractiveElement reçoit un événement gmp-click.

 
<gmp-marker-3d-interactive
  gmp-popover-target-element="popover-id"
  title="string">
</gmp-marker-3d-interactive>

const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d");

Constructeur
Marker3DInteractiveElement	Marker3DInteractiveElement([options]) Paramètres : options : Marker3DInteractiveElementOptions optional Crée un Marker3DInteractiveElement avec les options spécifiées.

Propriétés
gmpPopoverTargetElement attr: gmp-popover-target-element	Type d'entrée : PopoverElement optional Type de sortie : PopoverElement optional Lorsqu'il est défini, l'élément popover s'ouvre lorsque l'utilisateur clique sur ce repère. Attribut HTML : gmp-popover-target-element="popover-id"
title attr: title	Type : string Texte de roulement. Si un texte d'accessibilité est fourni (par exemple, pour une utilisation avec des lecteurs d'écran), il sera ajouté à l'élément Marker3DInteractiveElement avec la valeur fournie. Attribut HTML : title="string"
Hérité : altitudeMode (attr : altitude-mode), autofitsCamera (attr : autofits-camera), collisionBehavior (attr : collision-behavior), collisionPriority (attr : collision-priority), drawsWhenOccluded (attr : draws-when-occluded), extruded (attr : extruded), label (attr : label), position (attr : position), sizePreserved (attr : size-preserved), zIndex (attr : z-index)

Emplacements
default	Tous les éléments personnalisés ajoutés directement à Marker3DInteractiveElement seront insérés. Toutefois, seuls les éléments de type PinElement seront utilisés pour dessiner des repères. Les autres éléments seront ignorés.

Méthodes
Hérité : addEventListener, removeEventListener

Événements
gmp-click	function(clickEvent) Arguments : clickEvent : LocationClickEvent optional Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Marker3DInteractiveElement.

Marker3DInteractiveElementOptions

google.maps.maps3d.Marker3DInteractiveElementOptions interface
extends Marker3DElementOptions

Objet Marker3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Marker3DInteractiveElement.

Propriétés
gmpPopoverTargetElement facultatif	Type : PopoverElement optional Consultez les Marker3DInteractiveElement.gmpPopoverTargetElement.
title facultatif	Type : string optional Consultez les Marker3DInteractiveElement.title.
Hérité : altitudeMode, autofitsCamera, collisionBehavior, collisionPriority, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Classe Model3DElement

google.maps.maps3d.Model3DElement class
extends HTMLElement
implements Model3DElementOptions
library "maps3d"

Un modèle 3D qui permet d'afficher des modèles glTF. Notez que position et src doivent être définis pour que Model3DElement s'affiche.

Les propriétés de base de gLTF PBR doivent être acceptées. Aucune extension ni propriété d'extension n'est actuellement prise en charge.

    
<gmp-model-3d
  altitude-mode="value-name"
  orientation="heading,tilt,roll"
  position="lat,lng"
  scale="number"
  src="url">
</gmp-model-3d>

const {Model3DElement} = await google.maps.importLibrary("maps3d");

Constructeur
Model3DElement	Model3DElement([options]) Paramètres : options : Model3DElementOptions optional Crée un Model3DElement avec les options spécifiées.

Propriétés
altitudeMode attr: altitude-mode	Type d'entrée : AltitudeMode optional Type de sortie : AltitudeMode Par défaut : AltitudeMode.CLAMP_TO_GROUND Spécifie comment l'altitude de la position est interprétée. Attribut HTML : altitude-mode="value-name"
orientation attr: orientation	Type d'entrée : Orientation3D|Orientation3DLiteral optional Type de sortie : Orientation3D optional Décrit la rotation du système de coordonnées d'un modèle 3D pour positionner le modèle sur la carte 3D. Les rotations sont appliquées au modèle dans l'ordre suivant : roulis, inclinaison, puis cap. Attribut HTML : orientation="heading,tilt,roll"
position attr: position	Type d'entrée : LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Type de sortie : LatLngAltitude optional Définit la position de Model3DElement. L'altitude est ignorée dans certains modes et est donc facultative. Attribut HTML : position="lat,lng" position="lat,lng,altitude"
scale attr: scale	Type d'entrée : number|Vector3D|Vector3DLiteral optional Type de sortie : Vector3D optional Par défaut : 1 Met à l'échelle le modèle le long des axes x, y et z dans l'espace de coordonnées du modèle. Attribut HTML : scale="number" scale="x,y,z"
src attr: src	Type d'entrée : string|URL optional Type de sortie : URL optional Spécifie l'URL du modèle 3D. Pour le moment, seuls les modèles au format .glb sont acceptés. Toutes les URL HTTP relatives seront résolues en URL absolues correspondantes. Veuillez noter que si vous hébergez vos fichiers de modèle .glb sur un site Web ou un serveur différent de votre application principale, vous devez configurer les en-têtes HTTP CORS appropriés. Cela permet à votre application d'accéder de manière sécurisée aux fichiers de modèle de l'autre domaine. Attribut HTML : src="url"

Méthodes
Hérité : addEventListener, removeEventListener

Interface Model3DElementOptions

google.maps.maps3d.Model3DElementOptions interface

Objet Model3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Model3DElement.

Propriétés
altitudeMode facultatif	Type : AltitudeMode optional Consultez les Model3DElement.altitudeMode.
orientation facultatif	Type : Orientation3D|Orientation3DLiteral optional Consultez les Model3DElement.orientation.
position facultatif	Type : LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Consultez les Model3DElement.position.
scale facultatif	Type : number|Vector3D|Vector3DLiteral optional Consultez les Model3DElement.scale.
src facultatif	Type : string|URL optional Consultez les Model3DElement.src.

Classe Model3DInteractiveElement

google.maps.maps3d.Model3DInteractiveElement class
extends Model3DElement
implements Model3DInteractiveElementOptions
library "maps3d"

Un modèle 3D qui permet d'afficher des modèles glTF. Notez que position et src doivent être définis pour que Model3DElement s'affiche.

Les propriétés de base de gLTF PBR doivent être acceptées. Aucune extension ni propriété d'extension n'est actuellement prise en charge.

Contrairement à Model3DElement, Model3DInteractiveElement reçoit un événement gmp-click.

<gmp-model-3d-interactive></gmp-model-3d-interactive>

const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d");

Constructeur
Model3DInteractiveElement	Model3DInteractiveElement([options]) Paramètres : options : Model3DElementOptions optional Crée un Model3DInteractiveElement avec les options spécifiées.

Propriétés
Hérité : altitudeMode (attr : altitude-mode), orientation (attr : orientation), position (attr : position), scale (attr : scale), src (attr : src)

Méthodes
Hérité : addEventListener, removeEventListener

Événements
gmp-click	function(clickEvent) Arguments : clickEvent : LocationClickEvent optional Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Model3DInteractiveElement.

Interface Model3DInteractiveElementOptions

google.maps.maps3d.Model3DInteractiveElementOptions interface
extends Model3DElementOptions

Objet Model3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Model3DInteractiveElement.

Propriétés
Hérité : altitudeMode, orientation, position, scale, src

Polyline3DElement

google.maps.maps3d.Polyline3DElement class
extends HTMLElement
implements Polyline3DElementOptions
library "maps3d"

Une polyligne 3D est une superposition linéaire de segments de ligne connectés sur une carte 3D.

      
<gmp-polyline-3d
  altitude-mode="value-name"
  autofits-camera
  draws-occluded-segments
  extruded
  geodesic
  outer-color="string"
  outer-width="number"
  path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
  stroke-color="string"
  stroke-width="number"
  z-index="number">
</gmp-polyline-3d>

const {Polyline3DElement} = await google.maps.importLibrary("maps3d");

Constructeur
Polyline3DElement	Polyline3DElement([options]) Paramètres : options : Polyline3DElementOptions optional Crée un Polyline3DElement avec les options spécifiées.

Propriétés
altitudeMode attr: altitude-mode	Type d'entrée : AltitudeMode optional Type de sortie : AltitudeMode Par défaut : AltitudeMode.CLAMP_TO_GROUND Spécifie la façon dont les composants d'altitude dans les coordonnées sont interprétés. Attribut HTML : altitude-mode="value-name"
autofitsCamera attr: autofits-camera	Remarque : Disponible uniquement dans le canal v=alpha. Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Si elle est fournie, la polyligne spécifiée sera visible dans la fenêtre d'affichage de la carte, ainsi que tous les autres éléments qui ont été activés. Attribut HTML : autofits-camera
drawsOccludedSegments attr: draws-occluded-segments	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si les parties de la polyligne qui pourraient être masquées sont dessinées ou non. Les polylignes peuvent être masquées par la géométrie de la carte (par exemple, des bâtiments). Attribut HTML : draws-occluded-segments
extruded attr: extruded	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si la polyligne doit être connectée au sol. Pour extruder une polyligne, altitudeMode doit être défini sur RELATIVE_TO_GROUND ou ABSOLUTE. Attribut HTML : extruded
geodesic attr: geodesic	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Lorsque la valeur est true, les bords de la polyligne sont interprétés comme géodésiques et suivent la courbure de la Terre. Lorsque la valeur est false, les bords de la polyligne sont affichés sous forme de lignes droites dans l'espace de l'écran. Attribut HTML : geodesic
outerColor attr: outer-color	Type d'entrée : string optional Type de sortie : string optional Couleur extérieure. Toutes les couleurs CSS3 sont compatibles. Attribut HTML : outer-color="string"
outerWidth attr: outer-width	Type d'entrée : number optional Type de sortie : number optional La largeur extérieure est comprise entre 0.0 et 1.0. Il s'agit d'un pourcentage de strokeWidth. Attribut HTML : outer-width="number"
path attr: path	Type d'entrée : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Type de sortie : Array<LatLngAltitude> optional Séquence ordonnée de coordonnées de la polyligne. L'altitude est ignorée dans certains modes et est donc facultative. Attribut HTML : path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor attr: stroke-color	Type d'entrée : string optional Type de sortie : string optional Couleur du trait. Toutes les couleurs CSS3 sont compatibles. Attribut HTML : stroke-color="string"
strokeWidth attr: stroke-width	Type d'entrée : number optional Type de sortie : number optional Épaisseur du trait, en pixels. Attribut HTML : stroke-width="number"
zIndex attr: z-index	Type d'entrée : number optional Type de sortie : number optional zIndex par rapport aux autres polygones. Attribut HTML : z-index="number"
coordinates	Obsolète : utilisez plutôt path. Cette propriété sera supprimée dans une prochaine version. Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Séquence ordonnée de coordonnées de la polyligne. L'altitude est ignorée dans certains modes et est donc facultative.

Méthodes
Hérité : addEventListener, removeEventListener

Interface Polyline3DElementOptions

google.maps.maps3d.Polyline3DElementOptions interface

Objet Polyline3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polyline3DElement.

Propriétés
altitudeMode facultatif	Type : AltitudeMode optional Consultez les Polyline3DElement.altitudeMode.
autofitsCamera facultatif	Remarque : Disponible uniquement dans le canal v=alpha. Type : boolean optional Consultez les Polyline3DElement.autofitsCamera.
coordinates facultatif	Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consultez les Polyline3DElement.coordinates.
drawsOccludedSegments facultatif	Type : boolean optional Consultez les Polyline3DElement.drawsOccludedSegments.
extruded facultatif	Type : boolean optional Consultez les Polyline3DElement.extruded.
geodesic facultatif	Type : boolean optional Consultez les Polyline3DElement.geodesic.
outerColor facultatif	Type : string optional Consultez les Polyline3DElement.outerColor.
outerWidth facultatif	Type : number optional Consultez les Polyline3DElement.outerWidth.
path facultatif	Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consultez les Polyline3DElement.path.
strokeColor facultatif	Type : string optional Consultez les Polyline3DElement.strokeColor.
strokeWidth facultatif	Type : number optional Consultez les Polyline3DElement.strokeWidth.
zIndex facultatif	Type : number optional Consultez les Polyline3DElement.zIndex.

Classe Polyline3DInteractiveElement

google.maps.maps3d.Polyline3DInteractiveElement class
extends Polyline3DElement
implements Polyline3DInteractiveElementOptions
library "maps3d"

Une polyligne 3D est une superposition linéaire de segments de ligne connectés sur une carte 3D. Contrairement à Polyline3DElement, Polyline3DInteractiveElement reçoit un événement gmp-click.

<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d");

Constructeur
Polyline3DInteractiveElement	Polyline3DInteractiveElement([options]) Paramètres : options : Polyline3DElementOptions optional Crée un Polyline3DInteractiveElement avec les options spécifiées.

Propriétés
Hérité : altitudeMode (attr : altitude-mode), autofitsCamera (attr : autofits-camera), drawsOccludedSegments (attr : draws-occluded-segments), extruded (attr : extruded), geodesic (attr : geodesic), outerColor (attr : outer-color), outerWidth (attr : outer-width), path (attr : path), strokeColor (attr : stroke-color), strokeWidth (attr : stroke-width), zIndex (attr : z-index), coordinates

Méthodes
Hérité : addEventListener, removeEventListener

Événements
gmp-click	function(clickEvent) Arguments : clickEvent : LocationClickEvent optional L'objet d'événement contiendra la position lat-lng-altitude du clic. Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Polyline3DInteractiveElement.

Interface Polyline3DInteractiveElementOptions

google.maps.maps3d.Polyline3DInteractiveElementOptions interface
extends Polyline3DElementOptions

Objet Polyline3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polyline3DInteractiveElement.

Propriétés
Hérité : altitudeMode, autofitsCamera, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex

Classe Polygon3DElement

google.maps.maps3d.Polygon3DElement class
extends HTMLElement
implements Polygon3DElementOptions
library "maps3d"

Un polygone 3D (comme une polyligne 3D) définit une série de coordonnées connectées dans une séquence ordonnée. De plus, les polygones forment une boucle fermée et définissent une région pleine.

    
<gmp-polygon-3d
  autofits-camera
  draws-occluded-segments
  extruded
  fill-color="string"
  geodesic
  path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
  stroke-color="string"
  stroke-width="number"
  z-index="number">
</gmp-polygon-3d>

const {Polygon3DElement} = await google.maps.importLibrary("maps3d");

Constructeur
Polygon3DElement	Polygon3DElement([options]) Paramètres : options : Polygon3DElementOptions optional Crée un Polygon3DElement avec les options spécifiées.

Propriétés
altitudeMode	Type d'entrée : AltitudeMode optional Type de sortie : AltitudeMode Par défaut : AltitudeMode.CLAMP_TO_GROUND Spécifie la façon dont les composants d'altitude dans les coordonnées sont interprétés.
autofitsCamera attr: autofits-camera	Remarque : Disponible uniquement dans le canal v=alpha. Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false S'il est fourni, le polygone spécifié sera visible dans la fenêtre d'affichage de la carte, ainsi que tous les autres éléments qui ont été activés. Attribut HTML : autofits-camera
drawsOccludedSegments attr: draws-occluded-segments	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si les parties du polygone qui pourraient être masquées sont dessinées ou non. Les polygones peuvent être masqués par la géométrie de la carte (par exemple, des bâtiments). Attribut HTML : draws-occluded-segments
extruded attr: extruded	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si le polygone doit être relié au sol. Pour extruder un polygone, le altitudeMode doit être RELATIVE_TO_GROUND ou ABSOLUTE. Attribut HTML : extruded
fillColor attr: fill-color	Type d'entrée : string optional Type de sortie : string optional Couleur de remplissage. Toutes les couleurs CSS3 sont compatibles. Attribut HTML : fill-color="string"
geodesic attr: geodesic	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Si la valeur est true, les bords du polygone sont interprétés comme géodésiques et suivent la courbure de la Terre. Lorsque la valeur est false, les bords du polygone sont affichés sous forme de lignes droites dans l'espace de l'écran. Attribut HTML : geodesic
innerPaths	Type d'entrée : Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Type de sortie : Array<Array<LatLngAltitude>> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. Contrairement aux polylignes, un polygone peut être constitué d'un ou de plusieurs tracés, qui créent plusieurs découpes à l'intérieur du polygone.
path attr: path	Type d'entrée : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Type de sortie : Array<LatLngAltitude> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. L'altitude est ignorée dans certains modes et est donc facultative. Attribut HTML : path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor attr: stroke-color	Type d'entrée : string optional Type de sortie : string optional Couleur du trait. Toutes les couleurs CSS3 sont compatibles. Attribut HTML : stroke-color="string"
strokeWidth attr: stroke-width	Type d'entrée : number optional Type de sortie : number optional Épaisseur du trait, en pixels. Attribut HTML : stroke-width="number"
zIndex attr: z-index	Type d'entrée : number optional Type de sortie : number optional zIndex par rapport aux autres polygones. Attribut HTML : z-index="number"
outerCoordinates	Obsolète : utilisez plutôt path. Cette propriété sera supprimée dans une prochaine version. Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. L'altitude est ignorée dans certains modes et est donc facultative.
innerCoordinates	Obsolète : utilisez plutôt innerPaths. Cette propriété sera supprimée dans une prochaine version. Type : Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. Contrairement aux polylignes, un polygone peut être constitué d'un ou de plusieurs tracés, qui créent plusieurs découpes à l'intérieur du polygone.

Méthodes
Hérité : addEventListener, removeEventListener

Interface Polygon3DElementOptions

google.maps.maps3d.Polygon3DElementOptions interface

Objet Polygon3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polygon3DElement.

Propriétés
altitudeMode facultatif	Type : AltitudeMode optional Consultez les Polygon3DElement.altitudeMode.
autofitsCamera facultatif	Remarque : Disponible uniquement dans le canal v=alpha. Type : boolean optional Consultez les Polygon3DElement.autofitsCamera.
drawsOccludedSegments facultatif	Type : boolean optional Consultez les Polygon3DElement.drawsOccludedSegments.
extruded facultatif	Type : boolean optional Consultez les Polygon3DElement.extruded.
fillColor facultatif	Type : string optional Consultez les Polygon3DElement.fillColor.
geodesic facultatif	Type : boolean optional Consultez les Polygon3DElement.geodesic.
innerCoordinates facultatif	Type : Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional Consultez les Polygon3DElement.innerCoordinates.
innerPaths facultatif	Type : Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional Consultez les Polygon3DElement.innerPaths.
outerCoordinates facultatif	Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consultez les Polygon3DElement.outerCoordinates.
path facultatif	Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consultez les Polygon3DElement.path.
strokeColor facultatif	Type : string optional Consultez les Polygon3DElement.strokeColor.
strokeWidth facultatif	Type : number optional Consultez les Polygon3DElement.strokeWidth.
zIndex facultatif	Type : number optional Consultez les Polygon3DElement.zIndex.

Classe Polygon3DInteractiveElement

google.maps.maps3d.Polygon3DInteractiveElement class
extends Polygon3DElement
implements Polygon3DInteractiveElementOptions
library "maps3d"

Un polygone 3D (comme une polyligne 3D) définit une série de coordonnées connectées dans une séquence ordonnée. De plus, les polygones forment une boucle fermée et définissent une région pleine. Contrairement à Polygon3DElement, Polygon3DInteractiveElement reçoit un événement gmp-click.

<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d");

Constructeur
Polygon3DInteractiveElement	Polygon3DInteractiveElement([options]) Paramètres : options : Polygon3DElementOptions optional Crée un Polygon3DInteractiveElement avec les options spécifiées.

Propriétés
Hérité : altitudeMode, autofitsCamera (attr : autofits-camera), drawsOccludedSegments (attr : draws-occluded-segments), extruded (attr : extruded), fillColor (attr : fill-color), geodesic (attr : geodesic), innerPaths, path (attr : path), strokeColor (attr : stroke-color), strokeWidth (attr : stroke-width), zIndex (attr : z-index), outerCoordinates, innerCoordinates

Méthodes
Hérité : addEventListener, removeEventListener

Événements
gmp-click	function(clickEvent) Arguments : clickEvent : LocationClickEvent optional L'objet d'événement contiendra la position lat-lng-altitude du clic. Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Polygon3DInteractiveElement.

Interface Polygon3DInteractiveElementOptions

google.maps.maps3d.Polygon3DInteractiveElementOptions interface
extends Polygon3DElementOptions

Objet Polygon3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polygon3DInteractiveElement.

Propriétés
Hérité : altitudeMode, autofitsCamera, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, innerPaths, outerCoordinates, path, strokeColor, strokeWidth, zIndex

Classe FlattenerElement

google.maps.maps3d.FlattenerElement class
extends HTMLElement
implements FlattenerElementOptions
library "maps3d"

Un élément de lissage permet d'aplanir une zone spécifiée sur la carte.

<gmp-flattener
  path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ...">
</gmp-flattener>

const {FlattenerElement} = await google.maps.importLibrary("maps3d");

Constructeur
FlattenerElement	FlattenerElement([options]) Paramètres : options : FlattenerElementOptions optional

Propriétés
innerPaths	Type d'entrée : Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Type de sortie : Array<Array<LatLngAltitude>> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. Ces chemins définissent des trous d'exclusion dans le chemin principal du polygone, qui est la zone d'aplatissement. Les zones d'un innerPath sont exemptées de l'aplatissement.
path attr: path	Type d'entrée : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Type de sortie : Array<LatLngAltitude> optional Séquence ordonnée de coordonnées qui désigne une boucle fermée. Cette boucle définit la zone d'aplatissement. Attribut HTML : path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."

Méthodes
Hérité : addEventListener, removeEventListener

FlattenerElementOptions interface

google.maps.maps3d.FlattenerElementOptions interface

Objet FlattenerElementOptions utilisé pour définir les propriétés pouvant être définies sur un FlattenerElement.

Propriétés
innerPaths facultatif	Type : Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Consultez les FlattenerElement.innerPaths.
path facultatif	Type : Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consultez les FlattenerElement.path.

Classe PopoverElement

google.maps.maps3d.PopoverElement class
extends HTMLElement
implements PopoverElementOptions
library "maps3d"

Élément HTML personnalisé qui affiche un popover. Elle ressemble à une bulle et est souvent associée à un repère.

<gmp-popover
  auto-pan-disabled
  light-dismiss-disabled
  open
  position-anchor="lat,lng">
</gmp-popover>

const {PopoverElement} = await google.maps.importLibrary("maps3d");

Constructeur
PopoverElement	PopoverElement([options]) Paramètres : options : PopoverElementOptions optional

Propriétés
altitudeMode	Type d'entrée : AltitudeMode optional Type de sortie : AltitudeMode Par défaut : AltitudeMode.CLAMP_TO_GROUND Spécifie comment l'altitude de la position est interprétée.
autoPanDisabled attr: auto-pan-disabled	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Si la valeur est définie sur "true", désactive le panoramique de la carte pour rendre le popover entièrement visible lorsqu'il s'ouvre. Attribut HTML : auto-pan-disabled
lightDismissDisabled attr: light-dismiss-disabled	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si ce popover doit être fermé par un clic en dehors de la zone ou non. Le comportement de "fermeture par clic en dehors" est semblable à la définition de l'attribut popover="auto", qui fait partie de l'API Popover du navigateur. Attribut HTML : light-dismiss-disabled
open attr: open	Type d'entrée : boolean optional Type de sortie : boolean Par défaut : false Indique si ce popover doit être ouvert ou non. Attribut HTML : open
positionAnchor attr: position-anchor	Type d'entrée : LatLngLiteral|LatLngAltitudeLiteral|Marker3DInteractiveElement|MarkerInteractiveElement|string optional Type de sortie : LatLngAltitude|Marker3DInteractiveElement|MarkerInteractiveElement optional Position à laquelle afficher ce popover. Si le popover est ancré à un repère interactif, la position du repère sera utilisée à la place. Attribut HTML : position-anchor="lat,lng" position-anchor="lat,lng,altitude" position-anchor="marker-id"

Emplacements
default	Place le contenu de l'emplacement dans la section principale du popover.
header	Place le contenu de l'emplacement dans la section d'en-tête du popover.

Propriétés CSS
--gmp-popover-max-width	Largeur maximale du popover, quelle que soit la largeur du contenu.
--gmp-popover-min-width	Largeur minimale du popover, quelle que soit la largeur du contenu. Lorsque vous utilisez cette propriété, nous vous recommandons vivement de la définir sur une valeur inférieure à la largeur de la carte (en pixels).
--gmp-popover-pixel-offset-x	Décalage sur l'axe des abscisses, en pixels, de la pointe du popover par rapport au point de la carte dont les coordonnées géographiques correspondent au point d'ancrage du popover.
--gmp-popover-pixel-offset-y	Décalage sur l'axe Y, en pixels, de la pointe du popover par rapport au point de la carte dont les coordonnées géographiques correspondent à l'ancrage du popover.
background-color	Couleur d'arrière-plan du popover. Pour en savoir plus, consultez la documentation sur background-color. Veuillez noter que le popover de lieu par défaut est également affecté par cette propriété. Utilisez des classes CSS ciblées ou des styles intégrés sur les popovers personnalisés pour éviter de styliser le popover de lieu par défaut.
border-radius	Rayon de bordure du pop-over. Pour en savoir plus, consultez la documentation sur border-radius. Veuillez noter que le popover de lieu par défaut est également affecté par cette propriété. Utilisez des classes CSS ciblées ou des styles intégrés sur les popovers personnalisés pour éviter de styliser le popover de lieu par défaut.
box-shadow	Propriété box-shadow du popover. Pour en savoir plus, consultez la documentation sur box-shadow. Veuillez noter que le popover de lieu par défaut est également affecté par cette propriété. Utilisez des classes CSS ciblées ou des styles intégrés sur les popovers personnalisés pour éviter de styliser le popover de lieu par défaut.
color-scheme	Indique le jeu de couleurs dans lequel ce popover peut être affiché. Pour en savoir plus, consultez la documentation sur color-scheme. Si aucune valeur n'est spécifiée, les préférences de jeu de couleurs de l'utilisateur sont utilisées par défaut.
padding	Marge intérieure du popover. Pour en savoir plus, consultez la documentation sur padding. Veuillez noter que le popover de lieu par défaut est également affecté par cette propriété. Utilisez des classes CSS ciblées ou des styles intégrés sur les popovers personnalisés pour éviter de styliser le popover de lieu par défaut.

Méthodes
Hérité : addEventListener, removeEventListener

Interface PopoverElementOptions

google.maps.maps3d.PopoverElementOptions interface

Objet PopoverElementOptions utilisé pour définir les propriétés pouvant être définies sur un PopoverElement.

Propriétés
altitudeMode facultatif	Type : AltitudeMode optional Consultez les PopoverElement.altitudeMode.
autoPanDisabled facultatif	Type : boolean optional Consultez les PopoverElement.autoPanDisabled.
lightDismissDisabled facultatif	Type : boolean optional Consultez les PopoverElement.lightDismissDisabled.
open facultatif	Type : boolean optional Consultez les PopoverElement.open.
positionAnchor facultatif	Type : LatLngLiteral|LatLngAltitudeLiteral|string|Marker3DInteractiveElement|MarkerInteractiveElement optional Consultez les PopoverElement.positionAnchor.

AltitudeMode

google.maps.maps3d.AltitudeMode Bibliothèque de constantes
"maps3d"

Spécifie la façon dont les composants d'altitude dans les coordonnées sont interprétés.

Ces constantes peuvent également être utilisées comme des chaînes. En TypeScript, les littéraux de chaîne sont définis par le type AltitudeModeString.

const {AltitudeMode} = await google.maps.importLibrary("maps3d");

Constantes
ABSOLUTE	Permet d'exprimer les objets par rapport au niveau moyen de la mer. Cela signifie également que si le niveau de détail du relief change sous l'objet, sa position absolue reste la même.
CLAMP_TO_GROUND	Permet d'exprimer des objets placés au sol. Ils resteront au niveau du sol en suivant le terrain, quelle que soit l'altitude fournie. Si l'objet est positionné au-dessus d'une grande étendue d'eau, il sera placé au niveau de la mer.
RELATIVE_TO_GROUND	Permet d'exprimer des objets par rapport à la surface du sol. Si le niveau de détail du terrain change, la position de l'objet reste constante par rapport au sol. Au-dessus de l'eau, l'altitude est interprétée comme une valeur en mètres au-dessus du niveau de la mer.
RELATIVE_TO_MESH	Permet d'exprimer les objets par rapport au point le plus élevé entre le sol, le bâtiment et la surface de l'eau. Au-dessus de l'eau, il s'agit de la surface de l'eau. Au-dessus d'un terrain, il s'agit de la surface du bâtiment (le cas échéant) ou de la surface du sol (en l'absence de bâtiment).

Classe CirclePathElement

google.maps.maps3d.CirclePathElement class
extends HTMLElement
implements CirclePathElementOptions
library "maps3d"

Remarque : Disponible uniquement dans le canal v=alpha.

Superposition d'un cercle 3D sur une carte 3D.

 
<gmp-circle-path
  center="lat,lng,altitude"
  radius="number">
</gmp-circle-path>

const {CirclePathElement} = await google.maps.importLibrary("maps3d");

Constructeur
CirclePathElement	CirclePathElement([options]) Paramètres : options : CirclePathElementOptions optional Crée un CirclePathElement avec les options spécifiées.

Propriétés
center attr: center	Type d'entrée : LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optional Type de sortie : LatLngAltitude optional Le centre du cercle. Attribut HTML : center="lat,lng,altitude"
radius attr: radius	Type d'entrée : number optional Type de sortie : number optional Rayon du cercle en mètres. Attribut HTML : radius="number"

Méthodes
Hérité : addEventListener, removeEventListener

Interface CirclePathElementOptions

google.maps.maps3d.CirclePathElementOptions interface

Remarque : Disponible uniquement dans le canal v=alpha.

Objet CirclePathElementOptions utilisé pour définir les propriétés pouvant être définies sur un CirclePathElement.

Propriétés
center facultatif	Type : LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optional Consultez les CirclePathElement.center.
radius facultatif	Type : number optional Consultez les CirclePathElement.radius.