Map
Clase google.maps.Map
Esta clase extiende MVCObject
.
Para acceder, llama a const {Map} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
Map |
Map(mapDiv[, opts]) Parámetros:
Crea un mapa nuevo dentro del contenedor HTML determinado, que suele ser un elemento DIV . |
Constantes | |
---|---|
DEMO_MAP_ID |
ID de mapa que se puede usar para muestras de código que requieren un ID de mapa. Este ID de mapa no se diseñó para usarse en aplicaciones de producción y no se puede utilizar para funciones que requieren la configuración en la nube (como el diseño de Cloud). |
Propiedades | |
---|---|
controls |
Tipo:
Array<MVCArray<HTMLElement>> Controles adicionales para adjuntar al mapa. Para agregar un control al mapa, agrega el <div> del control al MVCArray correspondiente al ControlPosition en el que se debe renderizar. |
data |
Tipo:
Data Una instancia de Data vinculada al mapa. Agrega componentes a este objeto Data para mostrarlos en el mapa de forma conveniente. |
mapTypes |
Tipo:
MapTypeRegistry Un registro de instancias de MapType por ID de string. |
overlayMapTypes |
Tipos de mapas adicionales para superponer. Los tipos de mapas de superposición aparecen encima del mapa base al que se adjuntan, en el orden en que aparecen en el array overlayMapTypes (las superposiciones con valores de índices más altos se muestran encima de las superposiciones con valores de índices más bajos). |
Métodos | |
---|---|
fitBounds |
fitBounds(bounds[, padding]) Parámetros:
Valor que se muestra: Ninguno
Configura el viewport para que contenga los límites determinados. Nota: Cuando el mapa se establece en display: none , la función fitBounds lee el tamaño del mapa como 0x0 y, por lo tanto, no realiza ninguna acción. Si deseas cambiar el viewport mientras el mapa está oculto, establece el mapa en visibility: hidden y asegúrate de que el elemento div del mapa tenga un tamaño real. En el caso de los mapas de vectores, este método establece la inclinación y la orientación del mapa en sus valores predeterminados de cero. Si llamas a este método, es posible que se genere una animación fluida a medida que el mapa se desplaza lateralmente y hace zoom para ajustarse a los límites. La animación de este método depende de una heurística interna. |
getBounds |
getBounds() Parámetros: Ninguno
Valor que se muestra:
LatLngBounds|undefined Los límites de latitud y longitud del viewport actual.Muestra los límites de latitud y longitud del viewport actual. Si es visible más de una copia del mundo, la longitud de los límites varía de -180 a 180 grados inclusive. Si aún no se inicializó el mapa o no se definió el centro y el zoom, el resultado es undefined . En el caso de los mapas vectoriales con una inclinación o orientación diferentes de cero, los límites de latitud y longitud que se muestran representan el cuadro de límite más pequeño que incluye la región visible del viewport del mapa. Consulta MapCanvasProjection.getVisibleRegion para obtener la región visible exacta del viewport del mapa. |
getCenter |
getCenter() Parámetros: Ninguno
Valor que se muestra:
LatLng|undefined |
getClickableIcons |
getClickableIcons() Parámetros: Ninguno
Valor que se muestra:
boolean|undefined Muestra la posibilidad de hacer clics en los íconos de mapa. Un ícono de mapa representa un lugar de interés, también conocido como lugar de interés. Si el valor que se muestra es true , se podrá hacer clic en los íconos en el mapa. |
getDatasetFeatureLayer |
getDatasetFeatureLayer(datasetId) Parámetros:
Valor que se muestra:
FeatureLayer Muestra el FeatureLayer del datasetId especificado. Los IDs del conjunto de datos se deben configurar en la consola de Google Cloud. Si el ID del conjunto de datos no está asociado con el estilo del mapa o si el diseño basado en datos no está disponible (no hay ID de mapa, mosaicos vectoriales, capas de elementos de diseño basado en datos o conjuntos de datos configurados en el diseño de mapa), se registra un error, y el FeatureLayer.isAvailable resultante será falso. |
getDiv |
getDiv() Parámetros: Ninguno
Valor que se muestra:
HTMLElement Es el mapDiv del mapa. |
getFeatureLayer |
getFeatureLayer(featureType) Parámetros:
Valor que se muestra:
FeatureLayer Muestra el FeatureLayer del FeatureType específico. Se debe habilitar una FeatureLayer en la consola de Google Cloud. Si un FeatureLayer del FeatureType especificado no existe en este mapa o si el diseño basado en datos no está disponible (no hay un ID de mapa, no hay mosaicos vectoriales y no se habilitó FeatureLayer en el diseño de mapa), se registra un error, y el FeatureLayer.isAvailable resultante será falso. |
getHeading |
getHeading() Parámetros: Ninguno
Valor que se muestra:
number|undefined Muestra la orientación según la brújula del mapa. El valor de orientación se mide en grados (en el sentido de las manecillas del reloj) a partir de la dirección cardinal hacia el norte. Si aún no se inicializó el mapa, el resultado es undefined . |
getMapCapabilities |
getMapCapabilities() Parámetros: Ninguno
Valor que se muestra:
MapCapabilities Informa al emisor de las capacidades actuales disponibles para el mapa según el ID de mapa que se proporcionó. |
getMapTypeId |
getMapTypeId() Parámetros: Ninguno
Valor que se muestra:
MapTypeId|string|undefined |
getProjection |
getProjection() Parámetros: Ninguno
Valor que se muestra:
Projection|undefined Muestra el Projection actual. Si aún no se inicializó el mapa, el resultado es undefined . Escucha el evento projection_changed y verifica su valor para asegurarte de que no sea undefined . |
getRenderingType |
getRenderingType() Parámetros: Ninguno
Valor que se muestra:
RenderingType Muestra el RenderingType actual del mapa. |
getStreetView |
getStreetView() Parámetros: Ninguno
Valor que se muestra:
StreetViewPanorama es la panorámica vinculada al mapa.Muestra el objeto StreetViewPanorama predeterminado vinculado al mapa, que puede ser una panorámica predeterminada incorporada en el mapa, o la panorámica establecida con setStreetView() . Los cambios en el objeto streetViewControl del mapa se reflejarán en la visualización de esa panorámica vinculada. |
getTilt |
getTilt() Parámetros: Ninguno
Valor que se muestra:
number|undefined Muestra el ángulo de incidencia actual del mapa, en grados, desde el plano de la viewport hasta el plano del mapa. En el caso de los mapas de tramas, el resultado será 0 para las imágenes tomadas directamente desde arriba o 45 para las imágenes a 45°. Este método no muestra el valor establecido por setTilt . Consulta setTilt para obtener más información. |
getZoom |
getZoom() Parámetros: Ninguno
Valor que se muestra:
number|undefined Muestra el zoom del mapa. Si no se establece el zoom, el resultado es undefined . |
moveCamera |
moveCamera(cameraOptions) Parámetros:
Valor que se muestra: Ninguno
Establece inmediatamente la cámara del mapa en las opciones de la cámara de destino, sin animación. |
panBy |
panBy(x, y) Parámetros:
Valor que se muestra: Ninguno
Cambia el centro del mapa según la distancia determinada en píxeles. Si la distancia es inferior al ancho y la altura del mapa, se animará sin problemas la transición. Observa que el sistema de coordenadas del mapa aumenta de oeste a este (para los valores x) y de norte a sur (para los valores y). |
panTo |
panTo(latLng) Parámetros:
Valor que se muestra: Ninguno
Cambia el centro del mapa al LatLng especificado. Si el cambio es inferior al ancho y la altura del mapa, se animará sin problemas la transición. |
panToBounds |
panToBounds(latLngBounds[, padding]) Parámetros:
Valor que se muestra: Ninguno
Desplaza el mapa por la cantidad mínima necesaria para que contenga el objeto LatLngBounds especificado. No se garantiza en qué lugar del mapa estarán los límites, excepto que se desplazará lateralmente el mapa para mostrar la mayor cantidad de límites posible dentro de {currentMapSizeInPx} - {padding} . Tanto en los mapas de trama como en los vectoriales, no se modificarán el zoom, la inclinación ni la orientación del mapa. |
setCenter |
setCenter(latlng) Parámetros:
Valor que se muestra: Ninguno
|
setClickableIcons |
setClickableIcons(value) Parámetros:
Valor que se muestra: Ninguno
Controla si se puede hacer clic en los íconos del mapa o no. Un ícono de mapa representa un lugar de interés, también conocido como lugar de interés. Para inhabilitar la posibilidad de hacer clics en los íconos de mapa, pasa un valor de false a este método. |
setHeading |
setHeading(heading) Parámetros:
Valor que se muestra: Ninguno
Establece la orientación según la brújula del mapa medida en grados desde la dirección cardinal hacia el norte. En el caso de los mapas de tramas, este método solo se aplica a imágenes aéreas. |
setMapTypeId |
setMapTypeId(mapTypeId) Parámetros:
Valor que se muestra: Ninguno
|
setOptions |
setOptions(options) Parámetros:
Valor que se muestra: Ninguno
|
setStreetView |
setStreetView(panorama) Parámetros:
Valor que se muestra: Ninguno
Vincula un StreetViewPanorama con el mapa. Esta panorámica anula la StreetViewPanorama predeterminada, lo que permite que el mapa se vincule con una panorámica externa fuera del mapa. Cuando se configura la panorámica en null , la panorámica integrada predeterminada vuelve al mapa. |
setTilt |
setTilt(tilt) Parámetros:
Valor que se muestra: Ninguno
Para los mapas de vectores, establece el ángulo de incidencia del mapa. Los valores permitidos se restringen según el nivel de zoom del mapa. En el caso de los mapas de tramas, controla el comportamiento de cambio automático para el ángulo de incidencia del mapa. Los únicos valores permitidos son 0 y 45 . setTilt(0) hace que el mapa siempre use una vista aérea de 0°, independientemente del nivel de zoom y el viewport. setTilt(45) hace que el ángulo de inclinación cambie automáticamente a 45 cuando las imágenes a 45° estén disponibles para el nivel de zoom y el viewport actuales, y vuelva a 0 cuando las imágenes a 45° no estén disponibles (este es el comportamiento predeterminado). Las imágenes a 45° solo están disponibles para los tipos de mapas satellite y hybrid , en algunas ubicaciones y con ciertos niveles de zoom. Nota: getTilt muestra el ángulo de inclinación actual, no el valor establecido por setTilt . Dado que getTilt y setTilt se refieren a distintos elementos, no debes bind() la propiedad tilt . Si lo haces, es posible que se produzcan efectos impredecibles. |
setZoom |
setZoom(zoom) Parámetros:
Valor que se muestra: Ninguno
Establece el zoom del mapa. |
Heredado:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Eventos | |
---|---|
bounds_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambian los límites del viewport. |
center_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad del centro del mapa. |
click |
function(event) Argumentos:
Este evento se activa cuando el usuario hace clic en el mapa. Se muestra un MapMouseEvent con propiedades para la ubicación en la que se hizo clic, a menos que se haya hecho clic en un ícono de lugar, en cuyo caso se muestra un IconMouseEvent con un ID de lugar. IconMouseEvent y MapMouseEvent son idénticos, con la excepción de que IconMouseEvent tiene el campo de ID de lugar. El evento siempre se puede tratar como un MapMouseEvent cuando el ID del lugar no es importante. El evento de clic no se activa si se hace clic en un marcador o en una ventana de información. |
contextmenu |
function(event) Argumentos:
Este evento se activa cuando se activa el evento de menú contextual del DOM en el contenedor del mapa. |
dblclick |
function(event) Argumentos:
Este evento se activa cuando el usuario hace doble clic en el mapa. Ten en cuenta que, a veces, el evento de clic se activará una y, a veces, dos veces, justo antes de este. |
drag |
function() Argumentos: Ninguno
Este evento se activa de manera repetida mientras el usuario arrastra el mapa. |
dragend |
function() Argumentos: Ninguno
Este evento se activa cuando el usuario deja de arrastrar el mapa. |
dragstart |
function() Argumentos: Ninguno
Este evento se activa cuando el usuario comienza a arrastrar el mapa. |
heading_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad de encabezado del mapa. |
idle |
function() Argumentos: Ninguno
Este evento se activa cuando el mapa queda inactivo después de desplazarse lateralmente o usar el zoom. |
isfractionalzoomenabled_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad isFractionalZoomEnabled. |
mapcapabilities_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambian las capacidades del mapa. |
maptypeid_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad mapTypeId. |
mousemove |
function(event) Argumentos:
Este evento se activa cada vez que el mouse del usuario se mueve sobre el contenedor del mapa. |
mouseout |
function(event) Argumentos:
Este evento se activa cuando el usuario sale del contenedor del mapa. |
mouseover |
function(event) Argumentos:
Este evento se activa cuando el mouse del usuario ingresa al contenedor del mapa. |
projection_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la proyección. |
renderingtype_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia el renderingType. |
tilesloaded |
function() Argumentos: Ninguno
Este evento se activa cuando los mosaicos visibles terminan de cargarse. |
tilt_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad de inclinación del mapa. |
zoom_changed |
function() Argumentos: Ninguno
Este evento se activa cuando cambia la propiedad de zoom del mapa. |
|
function(event) Argumentos:
Este evento se activa cuando el usuario hace clic con el botón derecho en el mapa. |
MapOptions
Interfaz google.maps.MapOptions
MapOptions que se usa para definir las propiedades que se pueden configurar en un mapa.
Propiedades | |
---|---|
backgroundColor optional |
Tipo:
string optional Color usado para el fondo del elemento div del mapa. Este color será visible cuando los mosaicos aún no se hayan cargado, mientras el usuario se desplaza lateralmente. Esta opción solo se puede configurar cuando se inicializa el mapa. |
center optional |
Tipo:
LatLng|LatLngLiteral optional El centro de mapas inicial. |
clickableIcons optional |
Tipo:
boolean optional Valor predeterminado:
true Cuando es false , no se puede hacer clic en los íconos del mapa. Un ícono de mapa representa un lugar de interés, también conocido como lugar de interés. |
controlSize optional |
Tipo:
number optional Tamaño en píxeles de los controles que aparecen en el mapa. Este valor se debe proporcionar directamente cuando se crea el mapa. Si se actualiza más tarde, es posible que los controles pasen al estado undefined . Solo rige los controles realizados por la API de Google Maps. No escala los controles personalizados creados por el desarrollador. |
disableDefaultUI optional |
Tipo:
boolean optional Habilita o inhabilita todos los botones predeterminados de la IU. Se puede anular de forma individual. No inhabilita los controles del teclado, que se controlan de forma independiente con la opción MapOptions.keyboardShortcuts . No inhabilita los controles de gestos, que la opción MapOptions.gestureHandling controla de forma independiente. |
disableDoubleClickZoom optional |
Tipo:
boolean optional Habilita o inhabilita el zoom y centrar al hacer doble clic. Habilitada de forma predeterminada. Nota: Esta propiedad no se recomienda. Para inhabilitar el zoom al hacer doble clic, puedes usar la propiedad |
|
Tipo:
boolean optional Si el valor es false , evita que se arrastre el mapa. La función para arrastrar está habilitada de forma predeterminada. |
draggableCursor optional |
Tipo:
string optional El nombre o la URL del cursor que se mostrará al desplazar el mouse sobre un mapa arrastrable. Esta propiedad utiliza el atributo cursor de CSS para cambiar el ícono. Al igual que con la propiedad CSS, debes especificar al menos un cursor de resguardo que no sea una URL. Por ejemplo: draggableCursor: 'url(http://www.example.com/icon.png), auto;' . |
draggingCursor optional |
Tipo:
string optional El nombre o la URL del cursor que se mostrará al arrastrar el mapa. Esta propiedad utiliza el atributo cursor de CSS para cambiar el ícono. Al igual que con la propiedad CSS, debes especificar al menos un cursor de resguardo que no sea una URL. Por ejemplo: draggingCursor: 'url(http://www.example.com/icon.png), auto;' . |
fullscreenControl optional |
Tipo:
boolean optional El estado habilitado o inhabilitado del control de pantalla completa. |
fullscreenControlOptions optional |
Tipo:
FullscreenControlOptions optional Opciones de visualización para el control Pantalla completa. |
gestureHandling optional |
Tipo:
string optional Este parámetro de configuración controla la manera en que la API controla los gestos en el mapa. Valores permitidos:
|
heading optional |
Tipo:
number optional Indica la orientación de las imágenes aéreas en grados medida en sentido horario a partir de la dirección cardinal hacia el norte. Los encabezados se ajustan al ángulo disponible más cercano para el que haya imágenes disponibles. |
isFractionalZoomEnabled optional |
Tipo:
boolean optional Predeterminado:
true para mapas de vectores y false para mapas de tramaIndica si el mapa debe admitir niveles de zoom fraccionarios. Escucha isfractionalzoomenabled_changed para saber cuándo se estableció la configuración predeterminada. |
keyboardShortcuts optional |
Tipo:
boolean optional Si se establece el valor false , evita que el teclado controle el mapa. Las combinaciones de teclas están habilitadas de forma predeterminada. |
mapId optional |
Tipo:
string optional Indica el ID de mapa del mapa. No se puede establecer ni cambiar este parámetro después de crear una instancia de un mapa. |
mapTypeControl optional |
Tipo:
boolean optional Estado inicial habilitado o inhabilitado del control de tipo de mapa |
mapTypeControlOptions optional |
Tipo:
MapTypeControlOptions optional Opciones de visualización iniciales para el control de tipo de mapa. |
mapTypeId optional |
Tipo:
MapTypeId|string optional Es el mapTypeId inicial. La configuración predeterminada es ROADMAP . |
maxZoom optional |
Tipo:
number optional El nivel de zoom máximo que se mostrará en el mapa. Si se omite o se establece en null , se utiliza el zoom máximo del tipo de mapa actual. Los valores de zoom válidos son números que van desde cero hasta el nivel de zoom máximo admitido. |
minZoom optional |
Tipo:
number optional El nivel de zoom mínimo que se mostrará en el mapa. Si se omite o se establece en null , se utiliza el zoom mínimo del tipo de mapa actual. Los valores de zoom válidos son números que van desde cero hasta el nivel de zoom máximo admitido. |
noClear optional |
Tipo:
boolean optional Si el valor es true , no borres el contenido del elemento div del mapa. |
|
Tipo:
boolean optional El estado habilitado o inhabilitado del control de desplazamiento lateral. |
|
Tipo:
PanControlOptions optional Las opciones de visualización del control de desplazamiento lateral. |
restriction optional |
Tipo:
MapRestriction optional Define un límite que restringe el área del mapa a la que pueden acceder los usuarios. Cuando se establece esta configuración, los usuarios solo pueden desplazarse lateralmente y hacer zoom mientras la vista de la cámara se mantiene dentro de los límites del límite. |
rotateControl optional |
Tipo:
boolean optional El estado habilitado o inhabilitado del control de rotación. |
rotateControlOptions optional |
Tipo:
RotateControlOptions optional Opciones de visualización del control de rotación. |
scaleControl optional |
Tipo:
boolean optional El estado inicial habilitado o inhabilitado del control de báscula. |
scaleControlOptions optional |
Tipo:
ScaleControlOptions optional Las opciones de visualización iniciales para el control de escala. |
scrollwheel optional |
Tipo:
boolean optional Si el valor es false , se inhabilita el zoom en el mapa con la rueda del mouse. La rueda de desplazamiento está habilitada de forma predeterminada. Nota: Esta propiedad no se recomienda. Para inhabilitar el zoom con la rueda de desplazamiento, puedes usar la propiedad |
streetView optional |
Tipo:
StreetViewPanorama optional Un objeto StreetViewPanorama que se mostrará cuando el hombrecito naranja se coloque en el mapa. Si no se especifica una panorámica, se mostrará un objeto StreetViewPanorama predeterminado en el div del mapa cuando se coloque el hombrecito naranja. |
streetViewControl optional |
Tipo:
boolean optional El estado inicial habilitado o inhabilitado del control del hombrecito naranja de Street View. Este control forma parte de la interfaz de usuario predeterminada y se debe establecer en false cuando se muestra un tipo de mapa en el que no debe aparecer la superposición de rutas de Street View (p.ej., un tipo de mapa que no es un mapa de Google Earth). |
streetViewControlOptions optional |
Tipo:
StreetViewControlOptions optional Opciones de visualización iniciales para el control del hombrecito naranja de Street View. |
styles optional |
Tipo:
Array<MapTypeStyle> optional Diseños que se aplicarán a cada uno de los tipos de mapas predeterminados. Ten en cuenta que en los modos satellite /hybrid y terrain , estos diseños solo se aplicarán a las etiquetas y las formas geométricas. |
tilt optional |
Tipo:
number optional Para los mapas de vectores, establece el ángulo de incidencia del mapa. Los valores permitidos se restringen según el nivel de zoom del mapa. En el caso de los mapas de tramas, controla el comportamiento de cambio automático para el ángulo de incidencia del mapa. Los únicos valores permitidos son 0 y 45 . El valor 0 hace que el mapa siempre utilice una vista aérea de 0°, independientemente del nivel de zoom y del viewport. El valor 45 hace que el ángulo de inclinación cambie automáticamente a 45 cuando las imágenes a 45° estén disponibles para el nivel de zoom y el viewport actuales, y vuelva a 0 cuando las imágenes a 45° no estén disponibles (este es el comportamiento predeterminado). Las imágenes a 45° solo están disponibles para los tipos de mapas satellite y hybrid , en algunas ubicaciones y con ciertos niveles de zoom. Nota: getTilt muestra el ángulo de inclinación actual, no el valor especificado en esta opción. Debido a que getTilt y esta opción hacen referencia a diferentes elementos, no bind() la propiedad tilt . Si lo haces, es posible que se produzcan efectos impredecibles. |
zoom optional |
Tipo:
number optional El nivel de zoom inicial del mapa Los valores de zoom válidos son números que van desde cero hasta el nivel de zoom máximo admitido. Los valores de zoom más altos corresponden a una resolución más alta. |
zoomControl optional |
Tipo:
boolean optional El estado habilitado o inhabilitado del control de zoom. |
zoomControlOptions optional |
Tipo:
ZoomControlOptions optional Las opciones de visualización del control de zoom. |
Clase MapElement
Clase google.maps.MapElement
MapElement es una subclase HTMLElement
para renderizar mapas. Después de cargar la biblioteca maps
, se puede crear un mapa en HTML. Por ejemplo:
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
<button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
De forma interna, usa
Map
, al que se puede acceder con la propiedad innerMap
.
Elemento personalizado:
<gmp-map center="lat,lng" map-id="string" zoom="number"></gmp-map>
Esta clase extiende HTMLElement
.
Esta clase implementa MapElementOptions
.
Para acceder, llama a const {MapElement} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
MapElement |
MapElement([options]) Parámetros:
|
Propiedades | |
---|---|
center |
Tipo:
LatLng|LatLngLiteral optional Latitud/longitud central del mapa
Atributo HTML:
|
innerMap |
Tipo:
Map Es una referencia al Map que el MapElement usa internamente. |
mapId |
Tipo:
string optional Es el ID de mapa del mapa. Consulta la documentación sobre los ID de mapa para obtener más información.
Atributo HTML:
|
zoom |
Tipo:
number optional El nivel de zoom del mapa
Atributo HTML:
|
Métodos | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) Parámetros:
Valor que se muestra:
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 muestra:
void Quita del destino un objeto de escucha de eventos registrado previamente con addEventListener. Consulta removeEventListener |
Eventos | |
---|---|
gmp-zoomchange |
function(event) Argumentos:
Este evento se activa cuando cambia la propiedad de zoom del mapa. |
MapElementOptions
Interfaz google.maps.MapElementOptions
MapElementOptions que se usa para definir las propiedades que se pueden configurar en un MapElement.
Propiedades | |
---|---|
center optional |
Tipo:
LatLng|LatLngLiteral optional El centro de mapas inicial. |
mapId optional |
Tipo:
string optional Indica el ID de mapa del mapa. No se puede establecer ni cambiar este parámetro después de crear una instancia de un mapa. |
zoom optional |
Tipo:
number optional El nivel de zoom inicial del mapa Los valores de zoom válidos son números que van desde cero hasta el nivel de zoom máximo admitido. Los valores de zoom más altos corresponden a una resolución más alta. |
Clase ZoomChangeEvent
Clase google.maps.ZoomChangeEvent
Este evento se crea a partir de la supervisión del cambio del zoom.
Esta clase extiende Event
.
Para acceder, llama a const {ZoomChangeEvent} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
MapTypeStyle
Interfaz google.maps.MapTypeStyle
MapTypeStyle
es una colección de selectores y parámetros de diseño que definen el modo en que se debe aplicar el diseño al mapa. Los selectores especifican los componentes o elementos del mapa que deben verse afectados, y los parámetros de diseño especifican cómo esos elementos y elementos deben modificarse. Para obtener más detalles, consulta la referencia de diseño.
Propiedades | |
---|---|
stylers |
Las reglas de diseño que se aplicarán a los componentes y elementos del mapa seleccionados. Las reglas se aplican en el orden que especifiques en este array. Para conocer los lineamientos sobre el uso y los valores permitidos, consulta la referencia de diseño. |
elementType optional |
Tipo:
string optional Elemento al que se debe aplicar un parámetro de diseño. Un elemento es un aspecto visual de un componente del mapa. Ejemplo: Una etiqueta, un ícono, el trazo o el relleno aplicado a la geometría y mucho más. Opcional. Si no se especifica elementType , se supone que el valor es 'all' . Para obtener detalles sobre el uso y los valores permitidos, consulta la referencia de diseño. |
featureType optional |
Tipo:
string optional El componente o el grupo de componentes al que se debe aplicar un parámetro de diseño. Opcional. Si no se especifica featureType , se supone que el valor es 'all' . Para obtener detalles sobre el uso y los valores permitidos, consulta la referencia de diseño. |
MapMouseEvent
Interfaz google.maps.MapMouseEvent
Este objeto se devuelve a partir de varios eventos del mouse en el mapa y las superposiciones, y contiene todos los campos que aparecen a continuación.
Propiedades | |
---|---|
domEvent |
El evento nativo del DOM correspondiente Los desarrolladores no deben confiar en que las propiedades target , currentTarget , relatedTarget y path se definan y sean coherentes. Los desarrolladores no deben confiar también en la estructura de DOM de la implementación interna de la Google Maps API. Debido a la asignación de eventos internos, es posible que domEvent tenga una semántica diferente de la MapMouseEvent (p.ej., un "clic" de MapMouseEvent puede tener un domEvent de tipo KeyboardEvent ). |
latLng optional |
Tipo:
LatLng optional La latitud o la longitud que se encontraba debajo del cursor cuando ocurrió el evento. |
Métodos | |
---|---|
stop |
stop() Parámetros: Ninguno
Valor que se muestra:
void Evita que este evento se propague aún más. |
IconMouseEvent
Interfaz google.maps.IconMouseEvent
Este objeto se envía en un evento cuando un usuario hace clic en un ícono del mapa. El ID de este sitio se almacena en el miembro de placeId. Para evitar que aparezca la ventana de información predeterminada, llama al método stop() en este evento para evitar que se propague. Obtén más información sobre los IDs de lugar en la guía para desarrolladores de la API de Places.
Esta interfaz extiende MapMouseEvent
.
Propiedades | |
---|---|
placeId optional |
Tipo:
string optional El ID de lugar del lugar en el que se hizo clic. Este ID de lugar se puede usar para consultar más información sobre el elemento en el que se hizo clic. Obtén más información sobre los IDs de lugar en la guía para desarrolladores de la API de Places. |
Heredado:
domEvent , latLng
|
Métodos | |
---|---|
Heredado:
stop
|
Constantes MapTypeId
Constantes google.maps.MapTypeId
Identificadores de MapTypes comunes. Especifícalas por valor o con el nombre de la constante. Por ejemplo, 'satellite'
o google.maps.MapTypeId.SATELLITE
.
Para acceder, llama a const {MapTypeId} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constantes | |
---|---|
HYBRID |
Este tipo de mapa muestra una capa transparente de las calles principales en imágenes satelitales. |
ROADMAP |
Este tipo de mapa muestra un mapa de calles normal. |
SATELLITE |
Este tipo de mapa muestra imágenes satelitales. |
TERRAIN |
Este tipo de mapa muestra mapas con características físicas, como el terreno y la vegetación. |
Clase MapTypeRegistry
Clase google.maps.MapTypeRegistry
Un registro para las instancias de MapType, con clave por el ID de MapType.
Esta clase extiende MVCObject
.
Para acceder, llama a const {MapTypeRegistry} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
MapTypeRegistry |
MapTypeRegistry() Parámetros: Ninguno
MapTypeRegistry contiene la colección de tipos de mapas personalizados disponibles para el mapa para su uso. Por ejemplo, la API consulta este registro cuando proporciona la lista de tipos de mapas disponibles en los controles. |
Métodos | |
---|---|
set |
set(id, mapType) Parámetros:
Valor que se muestra: Ninguno
Configura el registro para asociar el identificador de cadena pasado con el MapType pasado. |
Heredado:
addListener ,
bindTo ,
get ,
notify ,
setValues ,
unbind ,
unbindAll
|
MapRestriction
Interfaz google.maps.MapRestriction
Es una restricción que se puede aplicar al mapa. El viewport del mapa no superará estas restricciones.
Propiedades | |
---|---|
latLngBounds |
Cuando se establece esta opción, los usuarios solo pueden desplazarse lateralmente y acercar la imagen dentro de los límites establecidos. Los límites pueden restringir la longitud y la latitud, o solo la latitud. Para los límites solo de latitud, usa las longitudes de oeste y este de -180 y 180, respectivamente; por ejemplo, latLngBounds: {north: northLat, south: southLat, west: -180, east: 180} . |
strictBounds optional |
Tipo:
boolean optional Los límites se pueden restringir más mediante la configuración de la marca strictBounds en true . De este modo, se reduce el nivel de zoom del usuario, lo que garantiza que todo lo que esté fuera de los límites restringidos permanezca oculto. El valor predeterminado es false , lo que significa que un usuario puede alejar la imagen hasta que se vea toda el área limitada, lo que puede incluir áreas fuera del área limitada. |
Clase TrafficLayer
Clase google.maps.TrafficLayer
Una capa de tráfico
Esta clase extiende MVCObject
.
Para acceder, llama a const {TrafficLayer} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
TrafficLayer |
TrafficLayer([opts]) Parámetros:
Una capa que muestra el tráfico actual en la ruta. |
Métodos | |
---|---|
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map Muestra el mapa en el que se muestra esta capa. |
setMap |
setMap(map) Parámetros:
Valor que se muestra: Ninguno
Renderiza la capa en el mapa especificado. Si el mapa se establece en null , se quitará la capa. |
setOptions |
setOptions(options) Parámetros:
Valor que se muestra: Ninguno
|
Heredado:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
TrafficLayerOptions
Interfaz google.maps.TrafficLayerOptions
El objeto TrafficLayerOptions que se usa para definir las propiedades que se pueden configurar en una TrafficLayer.
Propiedades | |
---|---|
autoRefresh optional |
Tipo:
boolean optional Valor predeterminado:
true Indica si la capa de tráfico se actualiza automáticamente con información actualizada. |
map optional |
Tipo:
Map optional Mapa en el que se mostrará la capa de tráfico. |
Clase TransitLayer
Clase google.maps.TransitLayer
Una capa de transporte público
Esta clase extiende MVCObject
.
Para acceder, llama a const {TransitLayer} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
TransitLayer |
TransitLayer() Parámetros: Ninguno
Una capa que muestra las líneas de transporte público. |
Métodos | |
---|---|
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map Muestra el mapa en el que se muestra esta capa. |
setMap |
setMap(map) Parámetros:
Valor que se muestra: Ninguno
Renderiza la capa en el mapa especificado. Si el mapa se establece en null , se quitará la capa. |
Heredado:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Clase BicyclingLayer
Clase google.maps.BicyclingLayer
Una capa que muestra ciclovías y caminos.
Esta clase extiende MVCObject
.
Para acceder, llama a const {BicyclingLayer} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constructor | |
---|---|
BicyclingLayer |
BicyclingLayer() Parámetros: Ninguno
Una capa que muestra ciclovías y caminos y desciende de nivel las rutas grandes. |
Métodos | |
---|---|
getMap |
getMap() Parámetros: Ninguno
Valor que se muestra:
Map Muestra el mapa en el que se muestra esta capa. |
setMap |
setMap(map) Parámetros:
Valor que se muestra: Ninguno
Renderiza la capa en el mapa especificado. Si el mapa se establece en null , se quitará la capa. |
Heredado:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
CameraOptions
Interfaz google.maps.CameraOptions
Se usa para configurar las opciones de la cámara del mapa.
Propiedades | |
---|---|
center optional |
Tipo:
LatLngLiteral|LatLng optional |
heading optional |
Tipo:
number optional |
tilt optional |
Tipo:
number optional |
zoom optional |
Tipo:
number optional |
VisibleRegion
Interfaz google.maps.VisibleRegion
Contiene los cuatro puntos que definen el polígono de cuatro lados que es la región visible del mapa. En un mapa de vectores, este polígono puede ser un trapecio en lugar de un rectángulo cuando se utiliza una inclinación.
Propiedades | |
---|---|
farLeft |
Tipo:
LatLng |
farRight |
Tipo:
LatLng |
latLngBounds |
Tipo:
LatLngBounds El cuadro de límite más pequeño que incluye la región visible. |
nearLeft |
Tipo:
LatLng |
nearRight |
Tipo:
LatLng |
Constantes de RenderingType
Constantes google.maps.RenderingType
Para acceder, llama a const {RenderingType} = await google.maps.importLibrary("maps")
. Consulta Bibliotecas de la API de Maps JavaScript.
Constantes | |
---|---|
RASTER |
Indica que el mapa es de trama. |
UNINITIALIZED |
Indica que aún se desconoce si el mapa es vectorial o de trama porque aún no se terminó de inicializar el mapa. |
VECTOR |
Indica que el mapa es un mapa de vectores. |
MapCapabilities
Interfaz google.maps.MapCapabilities
Objeto que contiene un resumen de las funciones que están disponibles actualmente para el mapa Ten en cuenta que esto no significa necesariamente que se cargan o inicializan los módulos relevantes, sino que el mapa actual tiene permiso para usar estas APIs. Consulta las propiedades para obtener una lista de las funciones posibles.
Propiedades | |
---|---|
isAdvancedMarkersAvailable optional |
Tipo:
boolean optional Si es verdadero, este mapa está configurado correctamente para permitir el uso de Marcadores avanzados. Ten en cuenta que debes importar la biblioteca marker para poder usar Marcadores avanzados. Para obtener más información, consulta https://goo.gle/gmp-isAdvancedMarkersAvailable. |
isDataDrivenStylingAvailable optional |
Tipo:
boolean optional Si es verdadero, este mapa está configurado correctamente para permitir el uso de diseño basado en datos para, al menos, una FeatureLayer. Consulta https://goo.gle/gmp-data-driven-styling y https://goo.gle/gmp-FeatureLayerIsAvailable para obtener más información. |