Classe MarkerElement
classe
google.maps.maps3d.MarkerElement
étend HTMLElement
implémente MarkerElementOptions
étendu par MarkerInteractiveElement
bibliothèque "maps3d"
Affiche une position sur une carte 3D. Notez que le position doit être défini pour que le MarkerElement s'affiche.
MarkerElement permet une personnalisation poussée via des éléments HTML personnalisés, mais offre des performances d'interaction inférieures à celles de Marker3DElement, en particulier lorsque plus de 1 000 repères sont affichés sur une carte.
<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 :
Crée un MarkerElement avec les options spécifiées. |
Propriétés | |
|---|---|
altitudeMode
attr: altitude-mode |
Par défaut :
AltitudeMode.CLAMP_TO_GROUNDSpé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 optionalType de sortie : stringPar 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 optionalType de sortie : stringPar 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" |
attr: autofits-camera |
Type :
boolean optionalPar défaut :
falseSi 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 |
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 optionalType de sortie : number optionalNombre 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 :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalType de sortie : LatLngAltitude optionalEmplacement de la pointe du repère. L'altitude est ignorée dans certains modes et est donc facultative.
Attribut HTML :
|
title
attr: title |
Type :
stringTexte 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
interface
google.maps.maps3d.MarkerElementOptions
étendue par MarkerInteractiveElementOptions
implémentée par MarkerElement, MarkerInteractiveElement
Objet MarkerElementOptions utilisé pour définir les propriétés pouvant être définies sur un MarkerElement.
Propriétés | |
|---|---|
altitudeMode
facultatif |
Type :
AltitudeMode optionalConsultez les MarkerElement.altitudeMode. |
anchorLeft
facultatif |
Type :
string optionalConsultez les MarkerElement.anchorLeft. |
anchorTop
facultatif |
Type :
string optionalConsultez les MarkerElement.anchorTop. |
facultatif |
Type :
boolean optionalConsultez les . |
collisionBehavior
facultatif |
Type :
CollisionBehavior optionalConsultez les MarkerElement.collisionBehavior. |
collisionPriority
facultatif |
Type :
number optionalConsultez les MarkerElement.collisionPriority. |
position
facultatif |
Type :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalConsultez les MarkerElement.position. |
title
facultatif |
Type :
string optionalConsultez les MarkerElement.title. |
MarkerInteractiveElement
class
google.maps.maps3d.MarkerInteractiveElement
extends MarkerElement, HTMLElement
implements MarkerElementOptions, 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 :
Crée un MarkerInteractiveElement avec les options spécifiées. |
Propriétés | |
|---|---|
gmpPopoverTargetElement
attr: gmp-popover-target-element |
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),
(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 :
Cet événement est déclenché lorsque l'utilisateur clique sur l'élément MarkerInteractiveElement. |
MarkerInteractiveElementOptions
interface
google.maps.maps3d.MarkerInteractiveElementOptions
extends MarkerElementOptions
implemented by MarkerInteractiveElement
Objet MarkerInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un MarkerInteractiveElement.
Propriétés | |
|---|---|
gmpPopoverTargetElement
facultatif |
Type :
PopoverElement optionalConsultez les MarkerInteractiveElement.gmpPopoverTargetElement. |
Héritées :
altitudeMode,
anchorLeft,
anchorTop,
,
collisionBehavior,
collisionPriority,
position,
title
| |
Marker3DElement
classe
google.maps.maps3d.Marker3DElement
étend HTMLElement
implémente Marker3DElementOptions
étendu par Marker3DInteractiveElement
bibliothèque "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 :
Crée un Marker3DElement avec les options spécifiées. |
Propriétés | |
|---|---|
altitudeMode
attr: altitude-mode |
Par défaut :
AltitudeMode.CLAMP_TO_GROUNDSpécifie comment l'altitude de la position est interprétée.
Attribut HTML : altitude-mode="value-name" |
attr: autofits-camera |
Type d'entrée :
boolean optionalType de sortie : booleanPar défaut :
falseSi 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 |
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 optionalType de sortie : number optionalPriorité 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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : string optionalTexte à afficher par ce repère.
Attribut HTML : label="string" |
position
attr: position |
Type d'entrée :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalType de sortie : LatLngAltitude optionalEmplacement de la pointe du repère. L'altitude est ignorée dans certains modes et est donc facultative.
Attribut HTML :
|
sizePreserved
attr: size-preserved |
Type d'entrée :
boolean optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : number optionalzIndex 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
interface
google.maps.maps3d.Marker3DElementOptions
étendue par Marker3DInteractiveElementOptions
implémentée par Marker3DElement, Marker3DInteractiveElement
Objet Marker3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Marker3DElement.
Propriétés | |
|---|---|
altitudeMode
facultatif |
Type :
AltitudeMode optionalConsultez les Marker3DElement.altitudeMode. |
facultatif |
Type :
boolean optionalConsultez les . |
collisionBehavior
facultatif |
Type :
CollisionBehavior optionalConsultez les Marker3DElement.collisionBehavior. |
collisionPriority
facultatif |
Type :
number optionalConsultez les Marker3DElement.collisionPriority. |
drawsWhenOccluded
facultatif |
Type :
boolean optionalConsultez les Marker3DElement.drawsWhenOccluded. |
extruded
facultatif |
Type :
boolean optionalConsultez les Marker3DElement.extruded. |
label
facultatif |
Type :
string optionalConsultez les Marker3DElement.label. |
position
facultatif |
Type :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalConsultez les Marker3DElement.position. |
sizePreserved
facultatif |
Type :
boolean optionalConsultez les Marker3DElement.sizePreserved. |
zIndex
facultatif |
Type :
number optionalConsultez les Marker3DElement.zIndex. |
Classe Marker3DInteractiveElement
class
google.maps.maps3d.Marker3DInteractiveElement
extends Marker3DElement, HTMLElement
implements Marker3DElementOptions, 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 :
Crée un Marker3DInteractiveElement avec les options spécifiées. |
Propriétés | |
|---|---|
gmpPopoverTargetElement
attr: gmp-popover-target-element |
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 :
stringTexte 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),
(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 :
Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Marker3DInteractiveElement. |
gmp-pointermove |
function(pointerMoveEvent)Arguments :
Cet événement est déclenché lorsque le pointeur se déplace dans l'élément Marker3DInteractiveElement. |
gmp-pointerout |
function(pointerOutEvent)Arguments :
Cet événement est déclenché lorsque le pointeur quitte l'élément Marker3DInteractiveElement. |
gmp-pointerover |
function(pointerOverEvent)Arguments :
Cet événement est déclenché lorsque le pointeur entre dans l'élément Marker3DInteractiveElement. |
Marker3DInteractiveElementOptions
interface
google.maps.maps3d.Marker3DInteractiveElementOptions
extends Marker3DElementOptions
implemented by Marker3DInteractiveElement
Objet Marker3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Marker3DInteractiveElement.
Propriétés | |
|---|---|
gmpPopoverTargetElement
facultatif |
Type :
PopoverElement optionalConsultez les Marker3DInteractiveElement.gmpPopoverTargetElement. |
title
facultatif |
Type :
string optionalConsultez les Marker3DInteractiveElement.title. |
Hérité :
altitudeMode,
,
collisionBehavior,
collisionPriority,
drawsWhenOccluded,
extruded,
label,
position,
sizePreserved,
zIndex
| |
Classe Model3DElement
classe
google.maps.maps3d.Model3DElement
étend HTMLElement
implémente Model3DElementOptions
étendu par Model3DInteractiveElement
bibliothèque "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 :
Crée un Model3DElement avec les options spécifiées. |
Propriétés | |
|---|---|
altitudeMode
attr: altitude-mode |
Par défaut :
AltitudeMode.CLAMP_TO_GROUNDSpécifie comment l'altitude de la position est interprétée.
Attribut HTML : altitude-mode="value-name" |
orientation
attr: orientation |
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 :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalType de sortie : LatLngAltitude optionalDéfinit la position de
Model3DElement. L'altitude est ignorée dans certains modes et est donc facultative.Attribut HTML :
|
scale
attr: scale |
Par défaut :
1Met à l'échelle le modèle le long des axes x, y et z dans l'espace de coordonnées du modèle.
Attribut HTML :
|
src
attr: src |
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
interface
google.maps.maps3d.Model3DElementOptions
étendue par Model3DInteractiveElementOptions
implémentée par Model3DElement, Model3DInteractiveElement
Objet Model3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Model3DElement.
Propriétés | |
|---|---|
altitudeMode
facultatif |
Type :
AltitudeMode optionalConsultez les Model3DElement.altitudeMode. |
orientation
facultatif |
Type :
Orientation3D|Orientation3DLiteral optionalConsultez les Model3DElement.orientation. |
position
facultatif |
Type :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalConsultez les Model3DElement.position. |
scale
facultatif |
Type :
number|Vector3D|Vector3DLiteral optionalConsultez les Model3DElement.scale. |
src
facultatif |
Type :
string|URL optionalConsultez les Model3DElement.src. |
Classe Model3DInteractiveElement
class
google.maps.maps3d.Model3DInteractiveElement
extends Model3DElement, HTMLElement
implements Model3DElementOptions, 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 :
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 :
Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Model3DInteractiveElement. |
gmp-pointermove |
function(pointerMoveEvent)Arguments :
Cet événement est déclenché lorsque le pointeur se déplace dans l'élément Model3DInteractiveElement. |
gmp-pointerout |
function(pointerOutEvent)Arguments :
Cet événement est déclenché lorsque le pointeur quitte l'élément Model3DInteractiveElement. |
gmp-pointerover |
function(pointerOverEvent)Arguments :
Cet événement est déclenché lorsque le pointeur entre dans l'élément Model3DInteractiveElement. |
Interface Model3DInteractiveElementOptions
interface
google.maps.maps3d.Model3DInteractiveElementOptions
extends Model3DElementOptions
implemented by Model3DInteractiveElement
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
classe
google.maps.maps3d.Polyline3DElement
étend HTMLElement
implémente Polyline3DElementOptions
étendu par Polyline3DInteractiveElement
bibliothèque "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 :
Crée un Polyline3DElement avec les options spécifiées. |
Propriétés | |
|---|---|
altitudeMode
attr: altitude-mode |
Par défaut :
AltitudeMode.CLAMP_TO_GROUNDSpécifie la façon dont les composants d'altitude dans les coordonnées sont interprétés.
Attribut HTML : altitude-mode="value-name" |
attr: autofits-camera |
Type d'entrée :
boolean optionalType de sortie : booleanPar défaut :
falseSi 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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : booleanPar défaut :
falseLorsque 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 optionalType de sortie : string optionalCouleur extérieure. Toutes les couleurs CSS3 sont compatibles.
Attribut HTML : outer-color="string" |
outerWidth
attr: outer-width |
Type d'entrée :
number optionalType de sortie : number optionalLa 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|LatLng|LatLngLiteral> optionalType de sortie : Array<LatLngAltitude> optionalSé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 optionalType de sortie : string optionalCouleur du trait. Toutes les couleurs CSS3 sont compatibles.
Attribut HTML : stroke-color="string" |
strokeWidth
attr: stroke-width |
Type d'entrée :
number optionalType de sortie : number optionalÉpaisseur du trait, en pixels.
Attribut HTML : stroke-width="number" |
zIndex
attr: z-index |
Type d'entrée :
number optionalType de sortie : number optionalzIndex par rapport aux autres polygones.
Attribut HTML : z-index="number" |
|
Type :
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalSé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
interface
google.maps.maps3d.Polyline3DElementOptions
étendue par Polyline3DInteractiveElementOptions
implémentée par Polyline3DElement, Polyline3DInteractiveElement
Objet Polyline3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polyline3DElement.
Propriétés | |
|---|---|
altitudeMode
facultatif |
Type :
AltitudeMode optionalConsultez les Polyline3DElement.altitudeMode. |
facultatif |
Type :
boolean optionalConsultez les . |
coordinates
facultatif |
Type :
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalConsultez les . |
drawsOccludedSegments
facultatif |
Type :
boolean optionalConsultez les Polyline3DElement.drawsOccludedSegments. |
extruded
facultatif |
Type :
boolean optionalConsultez les Polyline3DElement.extruded. |
geodesic
facultatif |
Type :
boolean optionalConsultez les Polyline3DElement.geodesic. |
outerColor
facultatif |
Type :
string optionalConsultez les Polyline3DElement.outerColor. |
outerWidth
facultatif |
Type :
number optionalConsultez les Polyline3DElement.outerWidth. |
path
facultatif |
Type :
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalConsultez les Polyline3DElement.path. |
strokeColor
facultatif |
Type :
string optionalConsultez les Polyline3DElement.strokeColor. |
strokeWidth
facultatif |
Type :
number optionalConsultez les Polyline3DElement.strokeWidth. |
zIndex
facultatif |
Type :
number optionalConsultez les Polyline3DElement.zIndex. |
Classe Polyline3DInteractiveElement
class
google.maps.maps3d.Polyline3DInteractiveElement
extends Polyline3DElement, HTMLElement
implements Polyline3DElementOptions, 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 :
Crée un Polyline3DInteractiveElement avec les options spécifiées. |
Propriétés | |
|---|---|
Hérité :
altitudeMode (attr : altitude-mode),
(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),
|
Méthodes | |
|---|---|
Hérité :
addEventListener,
removeEventListener
|
Événements | |
|---|---|
gmp-click |
function(clickEvent)Arguments :
Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Polyline3DInteractiveElement. |
gmp-pointermove |
function(pointerMoveEvent)Arguments :
Cet événement est déclenché lorsque le pointeur se déplace dans l'élément Polyline3DInteractiveElement. |
gmp-pointerout |
function(pointerOutEvent)Arguments :
Cet événement est déclenché lorsque le pointeur quitte l'élément Polyline3DInteractiveElement. |
gmp-pointerover |
function(pointerOverEvent)Arguments :
Cet événement est déclenché lorsque le pointeur entre dans l'élément Polyline3DInteractiveElement. |
Interface Polyline3DInteractiveElementOptions
interface
google.maps.maps3d.Polyline3DInteractiveElementOptions
extends Polyline3DElementOptions
implemented by Polyline3DInteractiveElement
Objet Polyline3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polyline3DInteractiveElement.
Propriétés | |
|---|---|
Hérité :
altitudeMode,
,
coordinates,
drawsOccludedSegments,
extruded,
geodesic,
outerColor,
outerWidth,
path,
strokeColor,
strokeWidth,
zIndex
|
Classe Polygon3DElement
classe
google.maps.maps3d.Polygon3DElement
étend HTMLElement
implémente Polygon3DElementOptions
étendu par Polygon3DInteractiveElement
bibliothèque "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 :
Crée un Polygon3DElement avec les options spécifiées. |
Propriétés | |
|---|---|
altitudeMode |
Par défaut :
AltitudeMode.CLAMP_TO_GROUNDSpécifie la façon dont les composants d'altitude dans les coordonnées sont interprétés. |
attr: autofits-camera |
Type d'entrée :
boolean optionalType de sortie : booleanPar défaut :
falseS'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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : string optionalCouleur de remplissage. Toutes les couleurs CSS3 sont compatibles.
Attribut HTML : fill-color="string" |
geodesic
attr: geodesic |
Type d'entrée :
boolean optionalType de sortie : booleanPar défaut :
falseSi 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|LatLng|LatLngLiteral>> optionalType de sortie : Array<Array<LatLngAltitude>> optionalSé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|LatLng|LatLngLiteral> optionalType de sortie : Array<LatLngAltitude> optionalSé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 optionalType de sortie : string optionalCouleur du trait. Toutes les couleurs CSS3 sont compatibles.
Attribut HTML : stroke-color="string" |
strokeWidth
attr: stroke-width |
Type d'entrée :
number optionalType de sortie : number optionalÉpaisseur du trait, en pixels.
Attribut HTML : stroke-width="number" |
zIndex
attr: z-index |
Type d'entrée :
number optionalType de sortie : number optionalzIndex par rapport aux autres polygones.
Attribut HTML : z-index="number" |
|
Type :
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalSé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. |
|
Type :
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optionalSé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
interface
google.maps.maps3d.Polygon3DElementOptions
étendue par Polygon3DInteractiveElementOptions
implémentée par Polygon3DElement, Polygon3DInteractiveElement
Objet Polygon3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polygon3DElement.
Classe Polygon3DInteractiveElement
class
google.maps.maps3d.Polygon3DInteractiveElement
extends Polygon3DElement, HTMLElement
implements Polygon3DElementOptions, 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 :
Crée un Polygon3DInteractiveElement avec les options spécifiées. |
Propriétés | |
|---|---|
Hérité :
altitudeMode,
(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),
,
|
Méthodes | |
|---|---|
Hérité :
addEventListener,
removeEventListener
|
Événements | |
|---|---|
gmp-click |
function(clickEvent)Arguments :
Cet événement est déclenché lorsque l'utilisateur clique sur l'élément Polygon3DInteractiveElement. |
gmp-pointermove |
function(pointerMoveEvent)Arguments :
Cet événement est déclenché lorsque le pointeur se déplace dans l'élément Polygon3DInteractiveElement. |
gmp-pointerout |
function(pointerOutEvent)Arguments :
Cet événement est déclenché lorsque le pointeur quitte l'élément Polygon3DInteractiveElement. |
gmp-pointerover |
function(pointerOverEvent)Arguments :
Cet événement est déclenché lorsque le pointeur entre dans l'élément Polygon3DInteractiveElement. |
Interface Polygon3DInteractiveElementOptions
interface
google.maps.maps3d.Polygon3DInteractiveElementOptions
extends Polygon3DElementOptions
implemented by Polygon3DInteractiveElement
Objet Polygon3DInteractiveElementOptions utilisé pour définir les propriétés pouvant être définies sur un Polygon3DInteractiveElement.
Propriétés | |
|---|---|
Hérité :
altitudeMode,
,
drawsOccludedSegments,
extruded,
fillColor,
geodesic,
innerCoordinates,
innerPaths,
outerCoordinates,
path,
strokeColor,
strokeWidth,
zIndex
|
Classe FlattenerElement
class
google.maps.maps3d.FlattenerElement
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 :
|
Propriétés | |
|---|---|
innerPaths |
Type d'entrée :
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optionalType de sortie : Array<Array<LatLngAltitude>> optionalSé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|LatLng|LatLngLiteral> optionalType de sortie : Array<LatLngAltitude> optionalSé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
interface
google.maps.maps3d.FlattenerElementOptions
implémentée par FlattenerElement
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|LatLng|LatLngLiteral>> optionalConsultez les FlattenerElement.innerPaths. |
path
facultatif |
Type :
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalConsultez les FlattenerElement.path. |
Classe Label3DElement
class
google.maps.maps3d.Label3DElement
extends HTMLElement
implements Label3DElementOptions
library "maps3d"
Représente un libellé textuel associé à un repère 3D sur une carte, ce qui permet de configurer indépendamment des propriétés telles que le comportement en cas de collision.
<gmp-label-3d collision-behavior="value-name" for="marker-id"> </gmp-label-3d>
const {Label3DElement} = await google.maps.importLibrary("maps3d");
Constructeur | |
|---|---|
Label3DElement |
Label3DElement([options])Paramètres :
Crée un Label3DElement avec les options spécifiées. |
Propriétés | |
|---|---|
collisionBehavior
attr: collision-behavior |
Par défaut :
CollisionBehavior.REQUIREDÉnumération spécifiant comment le libellé d'un Marker3DElement doit se comporter en cas de collision avec un autre élément.
Attribut HTML : collision-behavior="value-name" |
for
attr: for |
Marker3DElement auquel cette étiquette est destinée.
Attribut HTML : for="marker-id" |
Méthodes | |
|---|---|
Hérité :
addEventListener,
removeEventListener
|
Interface Label3DElementOptions
interface
google.maps.maps3d.Label3DElementOptions
implémentée par Label3DElement
Objet Label3DElementOptions utilisé pour définir les propriétés pouvant être définies sur un Label3DElement.
Propriétés | |
|---|---|
collisionBehavior
facultatif |
Type :
CollisionBehavior optionalÉnumération spécifiant comment le libellé d'un Marker3DElement doit se comporter en cas de collision avec un autre élément. |
for
facultatif |
Type :
string|HTMLElement optionalMarker3DElement auquel cette étiquette est destinée. |
Classe PopoverElement
class
google.maps.maps3d.PopoverElement
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 :
|
Propriétés | |
|---|---|
altitudeMode |
Par défaut :
AltitudeMode.CLAMP_TO_GROUNDSpécifie comment l'altitude de la position est interprétée. |
autoPanDisabled
attr: auto-pan-disabled |
Type d'entrée :
boolean optionalType de sortie : booleanPar défaut :
falseSi 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 optionalType de sortie : booleanPar défaut :
falseIndique 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 optionalType de sortie : booleanPar défaut :
falseIndique si ce popover doit être ouvert ou non.
Attribut HTML : open |
positionAnchor
attr: position-anchor |
Type d'entrée :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|Marker3DInteractiveElement|MarkerInteractiveElement|string optionalType de sortie : LatLngAltitude|Marker3DInteractiveElement|MarkerInteractiveElement optionalPosition à 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 :
|
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
interface
google.maps.maps3d.PopoverElementOptions
implémentée par PopoverElement
Objet PopoverElementOptions utilisé pour définir les propriétés pouvant être définies sur un PopoverElement.
Propriétés | |
|---|---|
altitudeMode
facultatif |
Type :
AltitudeMode optionalConsultez les PopoverElement.altitudeMode. |
autoPanDisabled
facultatif |
Type :
boolean optionalConsultez les PopoverElement.autoPanDisabled. |
lightDismissDisabled
facultatif |
Type :
boolean optionalConsultez les PopoverElement.lightDismissDisabled. |
open
facultatif |
Type :
boolean optionalConsultez les PopoverElement.open. |
positionAnchor
facultatif |
Type :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|string|Marker3DInteractiveElement|MarkerInteractiveElement optionalConsultez les PopoverElement.positionAnchor. |
AltitudeMode
google.maps.maps3d.AltitudeMode
bibliothèque "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
class
google.maps.maps3d.CirclePathElement
extends HTMLElement
implements CirclePathElementOptions
library "maps3d"
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 :
Crée un CirclePathElement avec les options spécifiées. |
Propriétés | |
|---|---|
center
attr: center |
Type d'entrée :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalType de sortie : LatLngAltitude optionalLe centre du cercle.
Attribut HTML : center="lat,lng,altitude" |
radius
attr: radius |
Type d'entrée :
number optionalType de sortie : number optionalRayon du cercle en mètres.
Attribut HTML : radius="number" |
Méthodes | |
|---|---|
Hérité :
addEventListener,
removeEventListener
|
Interface CirclePathElementOptions
interface
google.maps.maps3d.CirclePathElementOptions
implémentée par CirclePathElement
Objet CirclePathElementOptions utilisé pour définir les propriétés pouvant être définies sur un CirclePathElement.
Propriétés | |
|---|---|
center
facultatif |
Type :
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalConsultez les CirclePathElement.center. |
radius
facultatif |
Type :
number optionalConsultez les CirclePathElement.radius. |