Clase Map3DElement
Clase google.maps.maps3d.Map3DElement
Map3DElement es una interfaz HTML para la vista de mapa 3D.
Elemento personalizado:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>
Esta clase extiende HTMLElement
.
Esta clase implementa Map3DElementOptions
.
Para acceder, llama a const {Map3DElement} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
Map3DElement |
Map3DElement([options]) Parámetros:
|
Propiedades | |
---|---|
bounds |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional Cuando se configura, restringe la posición de la cámara dentro de los límites de latitud y longitud especificados. Ten en cuenta que los objetos fuera de los límites se renderizan de todos modos. Los límites pueden restringir la longitud y la latitud, o solo estas últimas. Para límites solo de latitud, usa las longitudes de oeste y este de -180 y 180 , respectivamente. Para límites solo de longitud, usa las latitudes norte y sur de 90 y -90 , respectivamente. |
center |
Tipo:
LatLngAltitude|LatLngAltitudeLiteral optional El centro del mapa indicado como LatLngAltitude, donde la altitud se indica en metros sobre el nivel del suelo. Ten en cuenta que esta no es necesariamente la ubicación de la cámara, ya que el campo
range afecta la distancia de la cámara respecto del centro del mapa. Si no está configurado, el valor predeterminado es {lat: 0, lng: 0, altitude: 63170000} . La altitud máxima permitida es de 6,317,000 metros (el radio de la Tierra multiplicado por 10).Atributo HTML:
|
defaultLabelsDisabled |
Tipo:
boolean optional Valor predeterminado:
false Cuando es
true , no se renderizan las etiquetas de mapa predeterminadas.Atributo HTML:
|
heading |
Tipo:
number optional Indica la orientación del mapa según la brújula, en grados, donde el norte orientado es cero. Cuando no hay inclinación, cualquier giro se interpretará como orientación.
Atributo HTML:
|
maxAltitude |
Tipo:
number optional La altitud máxima sobre el suelo que se mostrará en el mapa. Un valor válido es de entre
0 y 63170000 metros (el radio de la Tierra multiplicado por 10).Atributo HTML:
|
maxHeading |
Tipo:
number optional El ángulo máximo de orientación (rotación) del mapa Un valor válido se encuentra entre
0 y 360 grados. minHeading y maxHeading representan un intervalo de <= 360 grados en el que se permitirán los gestos de orientación. minHeading = 180 y maxHeading = 90 permitirán encabezado en [0, 90] y encabezado en [180, 360] . minHeading = 90 y maxHeading = 180 permitirán encabezados en [90, 180] .Atributo HTML:
|
maxTilt |
Tipo:
number optional El ángulo de incidencia máximo del mapa Un valor válido se encuentra entre
0 y 90 grados.Atributo HTML:
|
minAltitude |
Tipo:
number optional Altitud mínima sobre el suelo que se mostrará en el mapa. Un valor válido es de entre
0 y 63170000 metros (el radio de la Tierra multiplicado por 10).Atributo HTML:
|
minHeading |
Tipo:
number optional El ángulo mínimo de orientación (rotación) del mapa Un valor válido se encuentra entre
0 y 360 grados. minHeading y maxHeading representan un intervalo de <= 360 grados en el que se permitirán los gestos de orientación. minHeading = 180 y maxHeading = 90 permitirán encabezado en [0, 90] y encabezado en [180, 360] . minHeading = 90 y maxHeading = 180 permitirán encabezados en [90, 180] .Atributo HTML:
|
minTilt |
Tipo:
number optional El ángulo mínimo de incidencia del mapa Un valor válido se encuentra entre
0 y 90 grados.Atributo HTML:
|
range |
Tipo:
number optional La distancia en metros entre la cámara y el centro del mapa.
Atributo HTML:
|
roll |
Tipo:
number optional Es el giro de la cámara alrededor del vector de vista en grados. Para resolver ambigüedades, cuando no hay inclinación, cualquier giro se interpretará como orientación.
Atributo HTML:
|
tilt |
Tipo:
number optional Es la inclinación del vector de vista de la cámara en grados. Un vector de vista mirando directamente a la Tierra tendría una inclinación de cero grados. Un vector de vista que apunta en sentido contrario a la Tierra tendría una inclinación de
180 grados.Atributo HTML:
|
Métodos | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parámetros:
Valor que se devuelve:
void Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener. |
removeEventListener |
removeEventListener(type, listener[, options]) Parámetros:
Valor que se devuelve:
void Elimina del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener. |
Eventos | |
---|---|
gmp-centerchange |
function(centerChangeEvent) Argumentos:
Este evento se activa cuando cambia la propiedad central de Map3DElement. |
gmp-click |
function(clickEvent) Argumentos:
Este evento se activa cuando se hace clic en el elemento Map3DElement . |
gmp-headingchange |
function(headingChangeEvent) Argumentos:
Este evento se activa cuando cambia la propiedad de encabezado de Map3DElement. |
gmp-rangechange |
function(rangeChangeEvent) Argumentos:
Este evento se activa cuando la propiedad del rango de Map3DElement cambia. |
gmp-rollchange |
function(rollChangeEvent) Argumentos:
Este evento se activa cuando cambia la propiedad de lanzamiento de Map3DElement. |
gmp-steadychange |
function(steadyChangeEvent) Argumentos:
Este evento se activa cuando cambia el estado estable de Map3DElement . |
gmp-tiltchange |
function(tiltChangeEvent) Argumentos:
Este evento se activa cuando cambia la propiedad de inclinación de Map3DElement. |
Map3DElementOptions
Interfaz de google.maps.maps3d.Map3DElementOptions
Map3DElementOptions que se usa para definir las propiedades que se pueden configurar en un Map3DElement.
Propiedades | |
---|---|
bounds optional |
Tipo:
LatLngBounds|LatLngBoundsLiteral optional Consulta los Map3DElement.bounds . |
center optional |
Tipo:
LatLngAltitude|LatLngAltitudeLiteral optional Consulta los Map3DElement.center . |
defaultLabelsDisabled optional |
Tipo:
boolean optional Consulta los Map3DElement.defaultLabelsDisabled . |
heading optional |
Tipo:
number optional Consulta los Map3DElement.heading . |
maxAltitude optional |
Tipo:
number optional Consulta los Map3DElement.maxAltitude . |
maxHeading optional |
Tipo:
number optional Consulta los Map3DElement.maxHeading . |
maxTilt optional |
Tipo:
number optional Consulta los Map3DElement.maxTilt . |
minAltitude optional |
Tipo:
number optional Consulta los Map3DElement.minAltitude . |
minHeading optional |
Tipo:
number optional Consulta los Map3DElement.minHeading . |
minTilt optional |
Tipo:
number optional Consulta los Map3DElement.minTilt . |
range optional |
Tipo:
number optional Consulta los Map3DElement.range . |
roll optional |
Tipo:
number optional Consulta los Map3DElement.roll . |
tilt optional |
Tipo:
number optional Consulta los Map3DElement.tilt . |
Clase SteadyChangeEvent
Clase google.maps.maps3d.SteadyChangeEvent
Este evento se crea a partir de la supervisión de un estado estable de Map3DElement
.
Esta clase extiende Event
.
Para acceder, llama a const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Propiedades | |
---|---|
isSteady |
Tipo:
boolean Indica si Map3DElement es estable (es decir, se completó toda la renderización de la escena actual) o no. |
Clase ClickEvent
Clase google.maps.maps3d.ClickEvent
Este evento se crea cuando se hace clic en un Map3DElement.
Esta clase extiende Event
.
Para acceder, llama a const {ClickEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Propiedades | |
---|---|
position |
Tipo:
LatLngAltitude optional Corresponde a la latitud, longitud o altitud que se encontraba debajo del cursor cuando ocurrió el evento. Ten en cuenta que, en niveles más generales, se mostrarán datos menos precisos. Además, la elevación del suelo marino puede devolverse para el valor de altitud al hacer clic en la superficie del agua desde posiciones más altas de la cámara. |
Clase CenterChangeEvent
Clase google.maps.maps3d.CenterChangeEvent
Este evento se crea a partir del cambio del centro de supervisión el Map3DElement
.
Esta clase extiende Event
.
Para acceder, llama a const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Clase HeadingChangeEvent
Clase google.maps.maps3d.HeadingChangeEvent
Este evento se crea a partir del cambio de encabezado de supervisión de Map3DElement
.
Esta clase extiende Event
.
Para acceder, llama a const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Clase RangeChangeEvent
Clase google.maps.maps3d.RangeChangeEvent
Este evento se crea a partir del cambio del rango de supervisión en Map3DElement
.
Esta clase extiende Event
.
Para acceder, llama a const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Clase RollChangeEvent
Clase google.maps.maps3d.RollChangeEvent
Este evento se crea a partir de la supervisión del cambio de lanzamiento en Map3DElement
.
Esta clase extiende Event
.
Para acceder, llama a const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Clase TiltChangeEvent
Clase google.maps.maps3d.TiltChangeEvent
Este evento se crea a partir de la supervisión del cambio de inclinación en Map3DElement
.
Esta clase extiende Event
.
Para acceder, llama a const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Clase Polyline3DElement
Clase google.maps.maps3d.Polyline3DElement
Una polilínea 3D es una superposición lineal de segmentos de líneas conectados en un mapa 3D.
Elemento personalizado:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-opacity="number" outer-width="number" stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polyline-3d>
Esta clase extiende HTMLElement
.
Esta clase implementa Polyline3DElementOptions
.
Para acceder, llama a const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) Parámetros:
|
Propiedades | |
---|---|
altitudeMode |
Tipo:
AltitudeMode optional Valor predeterminado:
AltitudeMode.ABSOLUTE Especifica cómo se interpretan los componentes de altitud en las coordenadas.
Atributo HTML:
|
coordinates |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Es la secuencia ordenada de coordenadas de la polilínea. La altitud se ignora en ciertos modos y, por lo tanto, es opcional. |
drawsOccludedSegments |
Tipo:
boolean optional Valor predeterminado:
false Especifica si se dibujan o no las partes de la polilínea que pueden ocluirse. Las polilíneas pueden ocultarse según la geometría del mapa (p.ej., edificios).
Atributo HTML:
|
extruded |
Tipo:
boolean optional Valor predeterminado:
false Especifica si se debe conectar la polilínea al suelo. Para sobresalir una polilínea, el elemento
altitudeMode debe ser RELATIVE_TO_GROUND o ABSOLUTE .Atributo HTML:
|
geodesic |
Tipo:
boolean optional Valor predeterminado:
false Cuando el valor es
true , los bordes de la polilínea se interpretan como geodésicos y seguirán la curvatura de la Tierra. Si el valor es false , los bordes de la polilínea se renderizan como líneas rectas en el espacio de la pantalla.Atributo HTML:
|
outerColor |
Tipo:
string optional El color exterior. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
Atributo HTML:
|
outerOpacity |
Tipo:
number optional Opacidad exterior entre
0.0 y 1.0 .Atributo HTML:
|
outerWidth |
Tipo:
number optional El ancho exterior es de entre
0.0 y 1.0 . Este es un porcentaje de strokeWidth .Atributo HTML:
|
strokeColor |
Tipo:
string optional color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
Atributo HTML:
|
strokeOpacity |
Tipo:
number optional opacidad de trazo entre
0.0 y 1.0 Atributo HTML:
|
strokeWidth |
Tipo:
number optional ancho de trazo en píxeles.
Atributo HTML:
|
zIndex |
Tipo:
number optional El zIndex comparado con otros polígonos.
Atributo HTML:
|
Métodos | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parámetros:
Valor que se devuelve:
void Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener. |
removeEventListener |
removeEventListener(type, listener[, options]) Parámetros:
Valor que se devuelve:
void Elimina del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener. |
Polyline3DElementOptions
Interfaz de google.maps.maps3d.Polyline3DElementOptions
Polyline3DElementOptions, que se usa para definir las propiedades que se pueden configurar en un Polyline3DElement.
Propiedades | |
---|---|
altitudeMode optional |
Tipo:
AltitudeMode optional Valor predeterminado:
AltitudeMode.ABSOLUTE Consulta los Polyline3DElement.altitudeMode . |
coordinates optional |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consulta los Polyline3DElement.coordinates . |
drawsOccludedSegments optional |
Tipo:
boolean optional Valor predeterminado:
false Consulta los Polyline3DElement.drawsOccludedSegments . |
extruded optional |
Tipo:
boolean optional Valor predeterminado:
false Consulta los Polyline3DElement.extruded . |
geodesic optional |
Tipo:
boolean optional Valor predeterminado:
false Consulta los Polyline3DElement.geodesic . |
outerColor optional |
Tipo:
string optional Consulta los Polyline3DElement.outerColor . |
outerOpacity optional |
Tipo:
number optional Consulta los Polyline3DElement.outerOpacity . |
outerWidth optional |
Tipo:
number optional Consulta los Polyline3DElement.outerWidth . |
strokeColor optional |
Tipo:
string optional Consulta los Polyline3DElement.strokeColor . |
strokeOpacity optional |
Tipo:
number optional Consulta los Polyline3DElement.strokeOpacity . |
strokeWidth optional |
Tipo:
number optional Consulta los Polyline3DElement.strokeWidth . |
zIndex optional |
Tipo:
number optional Consulta los Polyline3DElement.zIndex . |
Clase Polygon3DElement
Clase google.maps.maps3d.Polygon3DElement
Un polígono 3D (como una polilínea 3D) define una serie de coordenadas conectadas en una secuencia ordenada. Además, los polígonos forman un bucle cerrado y definen una región con relleno.
Elemento personalizado:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" fill-opacity="number" geodesic stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polygon-3d>
Esta clase extiende HTMLElement
.
Esta clase implementa Polygon3DElementOptions
.
Para acceder, llama a const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) Parámetros:
|
Propiedades | |
---|---|
altitudeMode |
Tipo:
AltitudeMode optional Valor predeterminado:
AltitudeMode.ABSOLUTE Especifica cómo se interpretan los componentes de altitud en las coordenadas.
Atributo HTML:
|
drawsOccludedSegments |
Tipo:
boolean optional Valor predeterminado:
false Especifica si se dibujan o no partes del polígono que pueden ocluirse. Los polígonos se pueden ocultar según la geometría del mapa (p.ej., edificios).
Atributo HTML:
|
extruded |
Tipo:
boolean optional Valor predeterminado:
false Especifica si se debe conectar el polígono al suelo. Para sobresalir un polígono, el
altitudeMode debe ser RELATIVE_TO_GROUND o ABSOLUTE .Atributo HTML:
|
fillColor |
Tipo:
string optional color de relleno. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
Atributo HTML:
|
fillOpacity |
Tipo:
number optional Opacidad del relleno entre 0.0 y 1.0.
Atributo HTML:
|
geodesic |
Tipo:
boolean optional Valor predeterminado:
false Cuando es
true , los bordes del polígono se interpretan como geodésicos y seguirán la curvatura de la Tierra. Si el valor es false , los bordes del polígono se renderizan como líneas rectas en el espacio de la pantalla.Atributo HTML:
|
innerCoordinates |
Tipo:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Es la secuencia ordenada de coordenadas que designa un bucle cerrado. A diferencia de las polilíneas, un polígono puede constar de uno o más trazados, que crean varios cortes dentro del polígono. |
outerCoordinates |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Es la secuencia ordenada de coordenadas que designa un bucle cerrado. La altitud se ignora en ciertos modos y, por lo tanto, es opcional. |
strokeColor |
Tipo:
string optional color del trazo. Se admiten todos los colores CSS3, salvo aquellos con nombres extendidos.
Atributo HTML:
|
strokeOpacity |
Tipo:
number optional opacidad de trazo entre
0.0 y 1.0 Atributo HTML:
|
strokeWidth |
Tipo:
number optional ancho de trazo en píxeles.
Atributo HTML:
|
zIndex |
Tipo:
number optional El zIndex comparado con otros polígonos.
Atributo HTML:
|
Métodos | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parámetros:
Valor que se devuelve:
void Configura una función a la que se llamará cada vez que se entregue el evento especificado al destino. Consulta addEventListener. |
removeEventListener |
removeEventListener(type, listener[, options]) Parámetros:
Valor que se devuelve:
void Elimina del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener. |
Polygon3DElementOptions.
Interfaz de google.maps.maps3d.Polygon3DElementOptions
Polygon3DElementOptions, que se utiliza para definir las propiedades que se pueden configurar en un Polygon3DElement.
Propiedades | |
---|---|
altitudeMode optional |
Tipo:
AltitudeMode optional Valor predeterminado:
AltitudeMode.ABSOLUTE Consulta los Polygon3DElement.altitudeMode . |
drawsOccludedSegments optional |
Tipo:
boolean optional Valor predeterminado:
false Consulta los Polygon3DElement.drawsOccludedSegments . |
extruded optional |
Tipo:
boolean optional Valor predeterminado:
false Consulta los Polygon3DElement.extruded . |
fillColor optional |
Tipo:
string optional Consulta los Polygon3DElement.fillColor . |
fillOpacity optional |
Tipo:
number optional Consulta los Polygon3DElement.fillOpacity . |
geodesic optional |
Tipo:
boolean optional Valor predeterminado:
false Consulta los Polygon3DElement.geodesic . |
innerCoordinates optional |
Tipo:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional Consulta los Polygon3DElement.innerCoordinates . |
outerCoordinates optional |
Tipo:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Consulta los Polygon3DElement.outerCoordinates . |
strokeColor optional |
Tipo:
string optional Consulta los Polygon3DElement.strokeColor . |
strokeOpacity optional |
Tipo:
number optional Consulta los Polygon3DElement.strokeOpacity . |
strokeWidth optional |
Tipo:
number optional Consulta los Polygon3DElement.strokeWidth . |
zIndex optional |
Tipo:
number optional Consulta los Polygon3DElement.zIndex . |
Constantes AltitudeMode
Constantes google.maps.maps3d.AltitudeMode
Especifica cómo se interpretan los componentes de altitud en las coordenadas.
Para acceder, llama a const {AltitudeMode} = await google.maps.importLibrary("maps3d")
. Consulta el artículo Bibliotecas de la API de Maps JavaScript.
Constantes | |
---|---|
ABSOLUTE |
Permite expresar objetos en relación con el nivel medio del mar. Esto también significa que si el nivel del terreno de detalle cambia debajo del objeto, su posición absoluta seguirá siendo la misma. |
CLAMP_TO_GROUND |
Permite expresar objetos colocados en el suelo. Permanecerán a nivel del suelo siguiendo el terreno, independientemente de la altitud que se proporcione. Si el objeto se coloca sobre una masa importante de agua, se colocará al nivel del mar. |
RELATIVE_TO_GROUND |
Permite expresar objetos relacionados con la superficie del suelo. Si el nivel de detalle del terreno cambia, la posición del objeto se mantendrá constante en relación con el suelo. Cuando está sobre el agua, la altitud se interpretará como un valor en metros sobre el nivel del mar. |
RELATIVE_TO_MESH |
Permite expresar objetos en relación con la parte más alta del suelo, el edificio y la superficie del agua. Cuando el agua está sobre el agua, se trata de la superficie del agua; cuando está sobre el terreno, esta será la superficie del edificio (si está presente) o la superficie del suelo (si no hay edificios). |