Se usó la API de Cloud Translation para traducir esta página.

Maps

Clase Map

Clase google.maps.Map

Esta clase extiende MVCObject.

Para acceder, llama a const {Map} = await google.maps.importLibrary("maps"). Consulta Bibliotecas en la API de Maps JavaScript.

Constructor
`Map`	`Map(mapDiv[, opts])` Parámetros: `mapDiv`: `HTMLElement` Se renderizará el mapa para completar este elemento. `opts`: Opciones de `MapOptions optional` Crea un mapa nuevo dentro del contenedor HTML determinado, que suele ser un elemento `DIV`.

Propiedades
`controls`	Tipo: `Array<MVCArray<HTMLElement>>` Controles adicionales para adjuntar al mapa. Para agregar un control al mapa, agrega el `<div>` del control a la `MVCArray` correspondiente al `ControlPosition` en el que se debe renderizar.
`data`	Tipo: `Data` Una instancia de `Data`, vinculada al mapa. Agrega elementos a este objeto `Data` para mostrarlos de forma más conveniente en este mapa.
`mapTypes`	Tipo: `MapTypeRegistry` Un registro de instancias de `MapType` por ID de string.
`overlayMapTypes`	Tipo: `MVCArray<MapType optional>` Otros tipos de mapas para superponer. Los tipos de mapas superpuestos se muestran sobre el mapa base al que se adjuntan, en el orden en que aparecen en el array `overlayMapTypes` (las superposiciones con valores de índice más altos se muestran encima de las superposiciones con valores de índice más bajos).

Métodos
`fitBounds`	`fitBounds(bounds[, padding])` Parámetros: `bounds`: `LatLngBounds\|LatLngBoundsLiteral` límites para mostrar. `padding`: `number\|Padding optional` Relleno en píxeles. Los límites se adaptarán a la parte del mapa que quede después de que se quite el padding. Un valor numérico producirá el mismo relleno en los 4 lados. Proporciona 0 aquí para hacer un fitBounds idempotente en el resultado de getBounds. Valor que se muestra: Ninguno Configura el viewport para que contenga los límites establecidos. 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 hace nada. Para cambiar el viewport mientras el mapa está oculto, configúralo en `visibility: hidden` a fin de asegurarte 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 de cero predeterminados. Llamar a este método puede generar una animación fluida a medida que el mapa se desplaza lateralmente y hace zoom para ajustarse a los límites. El hecho de que este método anime depende de una heurística interna.
`getBounds`	`getBounds()` Parámetros: Ninguno Valor que se muestra: `LatLngBounds\|undefined` Son los límites de latitud y longitud del viewport actual. Muestra los límites de latitud y longitud del viewport actual. Si hay más de una copia visible del mundo, los límites de longitud se extienden entre -180 y 180 grados inclusive. Si aún no se inicializó el mapa o no se configuraron el zoom y el centro, el resultado será `undefined`. Para los mapas de vectores con inclinación o encabezado distintos 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` Muestra la posición que se muestra en el centro del mapa. Ten en cuenta que este objeto `LatLng` no está unido. Consulta `LatLng` para obtener más información. Si no se establecieron el centro ni los límites, el resultado es `undefined`.
`getClickableIcons`	`getClickableIcons()` Parámetros: Ninguno Valor que se muestra: `boolean\|undefined` Muestra la posibilidad de hacer clic 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 puede hacer clic en los íconos en el mapa.
`getDatasetFeatureLayer`	Aviso: Solo está disponible en el canal v=beta. `getDatasetFeatureLayer(datasetId)` Parámetros: `datasetId`: `string` Valor que se muestra: `FeatureLayer` Muestra el `FeatureLayer` del `datasetId` especificado. Los ID de los conjuntos de datos deben configurarse en Google Cloud Console. Si el ID del conjunto de datos no está asociado con el estilo de mapa del mapa, o si el estilo basado en datos no está disponible (sin el ID del mapa, sin mosaicos de vectores, sin capas de elementos basados en datos ni conjuntos de datos configurados en el estilo de mapa), se registrará un error, y el `FeatureLayer.isAvailable` resultante será falso.
`getDiv`	`getDiv()` Parámetros: Ninguno Valor que se muestra: `HTMLElement`La mapDiv del mapa.
`getFeatureLayer`	`getFeatureLayer(featureType)` Parámetros: `featureType`: `FeatureType` Valor que se muestra: `FeatureLayer` Muestra el `FeatureLayer` del `FeatureType` específico. Se debe habilitar una `FeatureLayer` en Google Cloud Console. Si no existe un `FeatureLayer` del `FeatureType` especificado en este mapa o si el estilo basado en datos no está disponible (no hay un ID de mapa, no hay mosaicos de vectores y no se habilitó `FeatureLayer` en el estilo de mapa), se registrará un error, y el `FeatureLayer.isAvailable` resultante será falso.
`getHeading`	`getHeading()` Parámetros: Ninguno Valor que se muestra: `number\|undefined` Muestra la orientación de la brújula según el mapa. El valor de rumbo se mide en grados (en el sentido de las manecillas del reloj) desde la dirección cardinal 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 llamador sobre las capacidades actuales disponibles para el mapa en función del 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 objeto RenderingType actual del mapa:
`getStreetView`	`getStreetView()` Parámetros: Ninguno Valor que se muestra: `StreetViewPanorama` Es la panorámica vinculada al mapa. Muestra la `StreetViewPanorama` predeterminada vinculada al mapa, que puede ser una panorámica predeterminada incorporada dentro del mapa o la panorámica establecida con `setStreetView()`. Los cambios en el `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 actual de incidencia del mapa, en grados desde el plano del viewport hasta el plano del mapa. En el caso de los mapas de trama, 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 que estableció `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 configuró el zoom, el resultado es `undefined`.
`moveCamera`	`moveCamera(cameraOptions)` Parámetros: `cameraOptions`: `CameraOptions` 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: `x`: `number` Cantidad de píxeles que se deben mover en el mapa en la dirección x. `y`: `number` Cantidad de píxeles que se deben mover en el mapa en la dirección Y. Valor que se muestra: Ninguno Cambia el centro del mapa por la distancia determinada en píxeles. Si la distancia es menor que el ancho y la altura del mapa, la transición se animará sin problemas. Ten en cuenta que el sistema de coordenadas del mapa aumenta de oeste a este (para valores x) y de norte a sur (para valores y).
`panTo`	`panTo(latLng)` Parámetros: `latLng`: `LatLng\|LatLngLiteral` Es la latitud y longitud centrales del mapa. Valor que se muestra: Ninguno Cambia el centro del mapa a un `LatLng` determinado. Si el cambio es inferior al ancho y la altura del mapa, la transición se animará sin problemas.
`panToBounds`	`panToBounds(latLngBounds[, padding])` Parámetros: `latLngBounds`: `LatLngBounds\|LatLngBoundsLiteral` Los límites para desplazar el mapa lateralmente. `padding`: `number\|Padding optional` Relleno en píxeles. Un valor numérico producirá el mismo relleno en los 4 lados. El valor predeterminado es 0. Valor que se muestra: Ninguno Desplaza lateralmente el mapa según la cantidad mínima necesaria para contener el valor `LatLngBounds` especificado. No se garantiza en qué lugar del mapa se encontrarán los límites, excepto que se realizará un desplazamiento lateral del mapa para mostrar la mayor cantidad de límites posible dentro de `{currentMapSizeInPx} - {padding}`. En los mapas de tramas y vectoriales, no se modificarán el zoom, la inclinación ni la orientación.
`setCenter`	`setCenter(latlng)` Parámetros: `latlng`: `LatLng\|LatLngLiteral` Valor que se muestra: Ninguno
`setClickableIcons`	`setClickableIcons(value)` Parámetros: `value`: `boolean` Valor que se muestra: Ninguno Controla si se puede hacer clic en los íconos de 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 clic en los íconos de mapa, pasa un valor de `false` a este método.
`setHeading`	`setHeading(heading)` Parámetros: `heading`: `number` Valor que se muestra: Ninguno Establece la orientación de la brújula del mapa medida en grados a partir de la dirección cardinal Norte. En el caso de los mapas de trama, este método solo se aplica a imágenes aéreas.
`setMapTypeId`	`setMapTypeId(mapTypeId)` Parámetros: `mapTypeId`: `MapTypeId\|string` Valor que se muestra: Ninguno
`setOptions`	`setOptions(options)` Parámetros: `options`: `MapOptions optional` Valor que se muestra: Ninguno
`setStreetView`	`setStreetView(panorama)` Parámetros: `panorama`: `StreetViewPanorama optional` La panorámica que se vinculará al mapa. Valor que se muestra: Ninguno Vincula un `StreetViewPanorama` al mapa. Esta panorámica anula el objeto `StreetViewPanorama` predeterminado, lo que permite que el mapa se vincule con una panorámica externa fuera del mapa. Si estableces la panorámica en `null`, se vinculará de nuevo la panorámica incorporada predeterminada al mapa.
`setTilt`	`setTilt(tilt)` Parámetros: `tilt`: `number` Valor que se muestra: Ninguno En 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 trama, controla el comportamiento de cambio automático según 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 del viewport. `setTilt(45)` hace que el ángulo de inclinación cambie automáticamente a 45 siempre que las imágenes a 45° estén disponibles para el nivel de zoom y el viewport actuales, y que 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 en algunos niveles de zoom. Nota: `getTilt` muestra el ángulo de inclinación actual, no el valor establecido por `setTilt`. Debido a que `getTilt` y `setTilt` hacen referencia a cosas diferentes, no `bind()` la propiedad `tilt`; si lo haces, puedes generar efectos impredecibles.
`setZoom`	`setZoom(zoom)` Parámetros: `zoom`: `number` Los valores de zoom más grandes corresponden a una resolución más alta. Valor que se muestra: Ninguno Establece el zoom del mapa.
Heredada: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Constantes
`DEMO_MAP_ID`	Es el ID de mapa que se puede usar para las muestras de código que requieren un ID de mapa. Este ID de mapa no está diseñado para usarse en aplicaciones de producción y no se puede usar para funciones que requieren la configuración de la nube (como Cloud Styling).

Events
`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 central del mapa.
`click`	`function(event)` Argumentos: `event`: `MapMouseEvent\|IconMouseEvent` 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 mostrará un IconMouseEvent con un ID de lugar. IconMouseEvent y MapMouseEvent son idénticos, excepto que IconMouseEvent tiene el campo de ID del lugar. El evento siempre se puede tratar como un MapMouseEvent cuando el ID de lugar no es importante. El evento de clic no se activa si se hace clic en un marcador o una ventana de información.
`contextmenu`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el evento de menú contextual del DOM se activa en el contenedor del mapa.
`dblclick`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el usuario hace doble clic en el mapa. Ten en cuenta que el evento de clic a veces se activa una y otra vez, justo antes de este.
`drag`	`function()` Argumentos: Ninguno Este evento se activa repetidamente 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 hacer zoom.
`isfractionalzoomenabled_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando la propiedad isFractionalZoomEnabled cambia.
`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: `event`: `MapMouseEvent` Este evento se activa cuando el mouse del usuario se mueve sobre el contenedor del mapa.
`mouseout`	`function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el mouse del usuario sale del contenedor del mapa.
`mouseover`	`function(event)` Argumentos: `event`: `MapMouseEvent` 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 renderType.
`tilesloaded`	`function()` Argumentos: Ninguno Este evento se activa cuando se terminan de cargar los mosaicos visibles.
`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.
`rightclick`	Obsoleto: Usa el evento `Map.contextmenu` para admitir patrones de uso, como hacer clic de control en macOS. `function(event)` Argumentos: `event`: `MapMouseEvent` Este evento se activa cuando el usuario hace clic con el botón derecho en el mapa.

MapOptions.

Interfaz de google.maps.MapOptions

MapOptions que se usa para definir las propiedades que se pueden configurar en un mapa.

Propiedades
`backgroundColor optional`	Tipo: `string optional` El color utilizado para el fondo del elemento div del mapa. Este color será visible cuando los mosaicos aún no se hayan cargado como parte del desplazamiento lateral del usuario. Esta opción solo se puede configurar cuando se inicializa el mapa.
`center optional`	Tipo: `LatLng\|LatLngLiteral optional` El centro del mapa inicial
`clickableIcons optional`	Tipo: `boolean optional` Configuración predeterminada: `true` Cuando es `false`, no se puede hacer clic en los íconos de mapa. Un ícono de mapa representa un lugar de interés, también conocido como lugar de interés.
`controlSize optional`	Tipo: `number optional` Indica el tamaño en píxeles de los controles que aparecen en el mapa. Este valor se debe suministrar directamente cuando se crea el mapa. Si lo actualizas más tarde, es posible que los controles tengan el estado `undefined`. Solo rige los controles que realiza la propia 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 por separado con la opción `MapOptions.keyboardShortcuts`. No inhabilita los controles de gestos, que la opción `MapOptions.gestureHandling` controla por separado.
`disableDoubleClickZoom optional`	Tipo: `boolean optional` Habilita o inhabilita el zoom y el centro al hacer doble clic. Habilitada de forma predeterminada. Nota: No se recomienda esta propiedad. Para inhabilitar el zoom al hacer doble clic, puedes usar la propiedad `gestureHandling` y establecerla en `"none"`.
`draggable optional`	Obsoleto: Obsoleta en 2017. Para inhabilitar la función de arrastrar en el mapa, puedes usar la propiedad `gestureHandling` y configurarla en `"none"`. Tipo: `boolean optional` Si es `false`, evita que se arrastre el mapa. La función de arrastrar está habilitada de forma predeterminada.
`draggableCursor optional`	Tipo: `string optional` El nombre o la URL del cursor que se mostrará cuando coloques el cursor sobre un mapa arrastrable. Esta propiedad usa el atributo css `cursor` 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 muestra cuando se arrastra el mapa. Esta propiedad usa el atributo css `cursor` 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/inhabilitado del control de pantalla completa.
`fullscreenControlOptions optional`	Tipo: `FullscreenControlOptions optional` Las 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: `"cooperative"`: Los eventos de desplazamiento y los gestos táctiles con un dedo desplazan la página, y no hacen zoom ni desplazan lateralmente el mapa. Los gestos táctiles de dos dedos se desplazan y hacen zoom en el mapa. Desplázate por los eventos con una tecla Ctrl o una tecla ⌘ presionada para acercar o alejar el mapa. En este modo, el mapa coopera con la página. `"greedy"`: Todos los gestos táctiles y eventos de desplazamiento se desplazan o hacen zoom en el mapa. `"none"`: Los gestos del usuario no pueden desplazar lateralmente el mapa ni acercarlo o alejarlo. `"auto"`: El control por gestos es cooperativo o codicioso (predeterminado), en función de si la página es desplazable o dentro de un iframe.
`heading optional`	Tipo: `number optional` Encabezado para imágenes aéreas en grados medidas a la derecha desde la dirección cardinal 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 los mapas vectoriales y `false` para los mapas de trama Indica si el mapa debe permitir niveles de zoom fraccionarios. Escucha a `isfractionalzoomenabled_changed` para saber cuándo se estableció la configuración predeterminada.
`keyboardShortcuts optional`	Tipo: `boolean optional` Si es `false`, impide que el teclado controle el mapa. Las combinaciones de teclas están habilitadas de forma predeterminada.
`mapId optional`	Tipo: `string optional` El ID del mapa. Este parámetro no se puede establecer ni cambiar después de crear una instancia de un mapa.
`mapTypeControl optional`	Tipo: `boolean optional` El estado inicial habilitado o inhabilitado del control de tipo de mapa.
`mapTypeControlOptions optional`	Tipo: `MapTypeControlOptions optional` Las opciones de visualización iniciales para el control de tipo de mapa
`mapTypeId optional`	Tipo: `MapTypeId\|string optional` El MapMapId 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 usa el zoom máximo del tipo de mapa actual. Los valores de zoom válidos son números desde cero hasta el nivel de zoom máximo admitido.
`minZoom optional`	Tipo: `number optional` El nivel de zoom mínimo que se muestra en el mapa. Si se omite o se establece en `null`, se usa el zoom mínimo del tipo de mapa actual. Los valores de zoom válidos son números desde cero hasta el nivel de zoom máximo admitido.
`noClear optional`	Tipo: `boolean optional` Si es `true`, no borres el contenido del elemento div del mapa.
`panControl optional`	Tipo: `boolean optional` El estado habilitado/inhabilitado del control de desplazamiento lateral Nota: El control de desplazamiento lateral no está disponible en el nuevo conjunto de controles introducido en la versión 3.22 de la Google Maps JavaScript API. Mientras usas las versiones 3.22 y 3.23, puedes optar por usar el conjunto de controles anterior en lugar de los nuevos, por lo que el control de desplazamiento lateral estará disponible como parte del conjunto de controles anterior. Consulta Novedades de los controles del mapa de la versión 3.22.
`panControlOptions optional`	Tipo: `PanControlOptions optional` Las opciones de visualización del control de desplazamiento lateral Nota: El control de desplazamiento lateral no está disponible en el nuevo conjunto de controles introducido en la versión 3.22 de la Google Maps JavaScript API. Mientras usas las versiones 3.22 y 3.23, puedes optar por usar el conjunto de controles anterior en lugar de los nuevos, por lo que el control de desplazamiento lateral estará disponible como parte del conjunto de controles anterior. Consulta Novedades de los controles del mapa de la versión 3.22.
`restriction optional`	Tipo: `MapRestriction optional` Define un límite que restringe el área del mapa a la que pueden acceder los usuarios. Cuando se configura, un usuario solo puede desplazarse lateralmente y hacer zoom mientras la vista de la cámara permanece dentro de los límites.
`rotateControl optional`	Tipo: `boolean optional` El estado habilitado/inhabilitado del control de rotación
`rotateControlOptions optional`	Tipo: `RotateControlOptions optional` Las opciones de visualización del control de rotación.
`scaleControl optional`	Tipo: `boolean optional` El estado inicial habilitado o inhabilitado del control de escala.
`scaleControlOptions optional`	Tipo: `ScaleControlOptions optional` Las opciones de visualización iniciales para el control de escala
`scrollwheel optional`	Tipo: `boolean optional` Si se habilita `false`, se inhabilita el zoom en el mapa mediante una rueda de desplazamiento del mouse. La rueda de desplazamiento está habilitada de forma predeterminada. Nota: No se recomienda esta propiedad. Para inhabilitar el zoom con la rueda del mouse, puedes usar la propiedad `gestureHandling` y establecerla en `"cooperative"` o `"none"`.
`streetView optional`	Tipo: `StreetViewPanorama optional` Un objeto `StreetViewPanorama` para mostrar cuando el hombrecito naranja de Street View se suelta en el mapa Si no se especifica una panorámica, se mostrará un objeto `StreetViewPanorama` predeterminado en el elemento `div` del mapa cuando se suelte el hombrecito naranja.
`streetViewControl optional`	Tipo: `boolean optional` Estado inicial habilitado/inhabilitado del control del hombrecito naranja de Street View. Este control forma parte de la IU predeterminada y debe establecerse en `false` cuando se muestra un tipo de mapa en el que no debería aparecer una superposición de rutas de Street View (p.ej., un tipo de mapa que no sea Earth).
`streetViewControlOptions optional`	Tipo: `StreetViewControlOptions optional` Las opciones de visualización iniciales para el control del hombrecito naranja de Street View
`styles optional`	Tipo: `Array<MapTypeStyle> optional` Estilos para aplicar a cada uno de los tipos de mapas predeterminados. Ten en cuenta que, para los modos `satellite`, `hybrid` y `terrain`, estos estilos solo se aplicarán a las etiquetas y la geometría.
`tilt optional`	Tipo: `number optional` En 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 trama, controla el comportamiento de cambio automático según el ángulo de incidencia del mapa. Los únicos valores permitidos son `0` y `45`. El valor `0` hace que el mapa siempre use 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 siempre que las imágenes a 45° estén disponibles para el nivel de zoom y el viewport actuales, y que se 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 en algunos niveles de zoom. Nota: `getTilt` muestra el ángulo de inclinación actual, no el valor que especifica esta opción. Debido a que `getTilt` y esta opción hacen referencia a cosas diferentes, 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 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` Estado habilitado/inhabilitado del control de zoom.
`zoomControlOptions optional`	Tipo: `ZoomControlOptions optional` Las opciones de pantalla para el control de zoom

MapElement es una subclase HTMLElement para renderizar mapas. Después de cargar la biblioteca de maps, se puede crear un mapa en HTML. Por ejemplo:
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID"></gmp-map>

Internamente, se 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 en la API de Maps JavaScript.

Propiedades
`center`	Tipo: `LatLng\|LatLngLiteral optional` Es la latitud y longitud centrales del mapa. Atributo HTML: `<gmp-map center="lat,lng"></gmp-map>`
`innerMap`	Tipo: `Map` Una referencia a la `Map` que el elemento Map usa de forma interna.
`mapId`	Tipo: `string optional` El ID de mapa del mapa Consulta la documentación del ID de mapa para obtener más información. Atributo HTML: `<gmp-map map-id="string"></gmp-map>`
`zoom`	Tipo: `number optional` El nivel de zoom del mapa Atributo HTML: `<gmp-map zoom="number"></gmp-map>`

Métodos
`addEventListener`	Aviso: Solo está disponible en el canal v=beta. `addEventListener(type, listener[, options])` Parámetros: `type`: `string` Es una string que distingue mayúsculas de minúsculas y representa el tipo de evento que se detectará. `listener`: `EventListener\|EventListenerObject` Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent `options`: `boolean\|AddEventListenerOptions optional` Consulte opciones. Los eventos personalizados solo admiten `capture` y `passive`. Valor que se muestra: `void` Configura una función que se llamará cada vez que el evento especificado se entregue al destino. Consulta addEventListener.
`removeEventListener`	Aviso: Solo está disponible en el canal v=beta. `removeEventListener(type, listener[, options])` Parámetros: `type`: `string` Es una string que especifica el tipo de evento del que se quitará un objeto de escucha de eventos. `listener`: `EventListener\|EventListenerObject` Es el objeto de escucha de eventos del controlador del evento que se quitará del destino del evento. `options`: `boolean\|EventListenerOptions optional` Ver opciones Valor que se muestra: `void` Quita un objeto de escucha de eventos registrado anteriormente en addEventListener del destino. Consulta removeEventListener.

Métodos

addEventListener

addEventListener(type, listener[, options])

Parámetros:

type: string Es una string que distingue mayúsculas de minúsculas y representa el tipo de evento que se detectará.
listener: EventListener|EventListenerObject Es el objeto que recibe una notificación. Debe ser una función o un objeto con el método handleEvent
options: boolean|AddEventListenerOptions optional Consulte opciones. Los eventos personalizados solo admiten capture y passive.

Valor que se muestra: void

Configura una función que se llamará cada vez que el evento especificado se entregue al destino. Consulta addEventListener.

removeEventListener

removeEventListener(type, listener[, options])

Parámetros:

type: string Es una string que especifica el tipo de evento del que se quitará un objeto de escucha de eventos.
listener: EventListener|EventListenerObject Es el objeto de escucha de eventos del controlador del evento que se quitará del destino del evento.
options: boolean|EventListenerOptions optional Ver opciones

Valor que se muestra: void

Quita un objeto de escucha de eventos registrado anteriormente en addEventListener del destino. Consulta removeEventListener.

MapElementOptions.

Interfaz de google.maps.MapElementOptions

El objeto MapElementOptions que se usa para definir las propiedades que se pueden configurar en un MapElement.

Propiedades
`center optional`	Tipo: `LatLng\|LatLngLiteral optional` El centro del mapa inicial
`mapId optional`	Tipo: `string optional` El ID del mapa. Este parámetro no se puede establecer ni cambiar 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 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.

MapTypeStyle

Interfaz de google.maps.MapTypeStyle

MapTypeStyle es una colección de selectores y parámetros de estilo que define el diseño del mapa. Los selectores especifican los elementos del mapa o los elementos que deben verse afectados, y los parámetros de estilo especifican cómo se deben modificar esos elementos y elementos. Para obtener más información, consulta la referencia de estilo.

Propiedades
`stylers`	Tipo: `Array<Object>` Son las reglas de estilo que se aplican a los elementos y elementos del mapa seleccionados. Las reglas se aplican en el orden que especifiques en este array. Para obtener lineamientos sobre el uso y los valores permitidos, consulta la referencia de estilo.
`elementType optional`	Tipo: `string optional` Elemento al que se debe aplicar un parámetro de estilo. Un elemento es un aspecto visual de un elemento del mapa. Ejemplo: una etiqueta, un ícono, el trazo o el relleno aplicado a la geometría, entre otros. 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 estilo.
`featureType optional`	Tipo: `string optional` La función, o grupo de elementos, a la que se debe aplicar un parámetro de estilo. 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 estilo.

MapMouseEvent.

Interfaz de google.maps.MapMouseEvent

Este objeto se muestra a partir de varios eventos del mouse en el mapa y las superposiciones, y contiene todos los campos que se muestran a continuación.

Propiedades
`domEvent`	Tipo: `MouseEvent\|TouchEvent\|PointerEvent\|KeyboardEvent\|Event` El evento nativo del DOM correspondiente Los desarrolladores no deben confiar en que las propiedades `target`, `currentTarget`, `relatedTarget` y `path` sean definidas y coherentes. Los desarrolladores tampoco deben confiar en la estructura DOM de la implementación interna de la API de Google Maps. Debido a la asignación de eventos internos, el `domEvent` puede tener 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/longitud que se encontraba debajo del cursor cuando ocurrió el evento.

Propiedades

domEvent

Tipo: MouseEvent|TouchEvent|PointerEvent|KeyboardEvent|Event

El evento nativo del DOM correspondiente Los desarrolladores no deben confiar en que las propiedades target, currentTarget, relatedTarget y path sean definidas y coherentes. Los desarrolladores tampoco deben confiar en la estructura DOM de la implementación interna de la API de Google Maps. Debido a la asignación de eventos internos, el domEvent puede tener 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/longitud que se encontraba debajo del cursor cuando ocurrió el evento.

Métodos
`stop`	`stop()` Parámetros: Ninguno Valor que se muestra: `void` Evita la propagación de este evento.

IconMouseEvent.

Interfaz de google.maps.IconMouseEvent

Este objeto se envía en un evento cuando un usuario hace clic en un ícono del mapa. El ID de lugar de este lugar 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 utilizar para consultar más información acerca del 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.
Heredada: `domEvent`, `latLng`

Métodos
Heredada: `stop`

Constantes MapTypeId

google.maps.MapTypeId constantes

Identificadores para MapTypes comunes. Especifícalos por valor o usa 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 en la API de Maps JavaScript.

Constantes
`HYBRID`	Este tipo de mapa muestra una capa transparente de las principales calles sobre imágenes satelitales.
`ROADMAP`	Este tipo de mapa muestra un mapa de calle normal.
`SATELLITE`	Este tipo de mapa muestra imágenes satelitales.
`TERRAIN`	Este tipo de mapa muestra mapas con componentes físicos, como terreno y vegetación.

MapTypeRegistry

Clase google.maps.MapTypeRegistry

Un registro para las instancias de MapType, con clave por ID de MapType.

Esta clase extiende MVCObject.

Para acceder, llama a const {MapTypeRegistry} = await google.maps.importLibrary("maps"). Consulta Bibliotecas en la API de Maps JavaScript.

Constructor
`MapTypeRegistry`	`MapTypeRegistry()` Parámetros: Ninguno `MapTypeRegistry` contiene la colección de tipos de mapas personalizados disponibles para su uso. La API consulta este registro cuando, por ejemplo, proporciona la lista de los tipos de mapas disponibles en los controles.

Métodos
`set`	`set(id, mapType)` Parámetros: `id`: `string` Identificador del MapType que se agregará al registro. `mapType`: `MapType\|` Es un objeto de MapType que se agregará al registro. Valor que se muestra:* Ninguno Configura el registro para asociar el identificador de string que se pasó con el MapType que se pasó.
Heredada: `addListener`, `bindTo`, `get`, `notify`, `setValues`, `unbind`, `unbindAll`

MapRestriction.

Interfaz de google.maps.MapRestriction

Es una restricción que se puede aplicar al mapa. El viewport del mapa no superará estas restricciones.

Propiedades
`latLngBounds`	Tipo: `LatLngBounds\|LatLngBoundsLiteral` Cuando se configura, un usuario solo puede desplazarse lateralmente y hacer zoom dentro de los límites establecidos. Los límites pueden restringir tanto la longitud como la latitud, o solo la latitud. Para los límites que solo incluyen 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` Se pueden restringir los límites si se establece la marca `strictBounds` en `true`. Esto reduce la distancia a la que se puede alejar el 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 delimitada, lo que posiblemente incluya áreas fuera del área delimitada.

Propiedades

latLngBounds

Tipo: LatLngBounds|LatLngBoundsLiteral

Cuando se configura, un usuario solo puede desplazarse lateralmente y hacer zoom dentro de los límites establecidos. Los límites pueden restringir tanto la longitud como la latitud, o solo la latitud. Para los límites que solo incluyen 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

Se pueden restringir los límites si se establece la marca strictBounds en true. Esto reduce la distancia a la que se puede alejar el 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 delimitada, lo que posiblemente incluya áreas fuera del área delimitada.

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 en la API de Maps JavaScript.

Constructor
`TrafficLayer`	`TrafficLayer([opts])` Parámetros: `opts`: `TrafficLayerOptions optional` Una capa que muestra el tráfico actual de 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: `map`: `Map` 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: `options`: `TrafficLayerOptions` Valor que se muestra: Ninguno
Heredada: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

TrafficLayerOptions.

Interfaz de google.maps.TrafficLayerOptions

El objeto TrafficLayerOptions que se usa para definir las propiedades que se pueden establecer en TrafficLayer.

Propiedades
`autoRefresh optional`	Tipo: `boolean optional` Configuración predeterminada: `true` Indica si la capa de tráfico se actualiza automáticamente con la información actualizada.
`map optional`	Tipo: `Map optional` Mapa para mostrar la capa de tráfico

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 en 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: `map`: `Map` Valor que se muestra: Ninguno Renderiza la capa en el mapa especificado. Si el mapa se establece en `null`, se quitará la capa.
Heredada: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

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 en la API de Maps JavaScript.

Constructor
`BicyclingLayer`	`BicyclingLayer()` Parámetros: Ninguno Capa en la que se muestran ciclovías y caminos, y se desciende de nivel para 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: `map`: `Map` Valor que se muestra: Ninguno Renderiza la capa en el mapa especificado. Si el mapa se establece en `null`, se quitará la capa.
Heredada: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

CameraOptions.

Interfaz de 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`

Interfaz VisibleRegion

Interfaz de 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 un mapa de vectores tiene 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 RenderingType

google.maps.RenderingType constantes

Para acceder, llama a const {RenderingType} = await google.maps.importLibrary("maps"). Consulta Bibliotecas en la API de Maps JavaScript.

Constantes
`RASTER`	Indica que el mapa es un mapa de tramas.
`UNINITIALIZED`	Indica que aún no se conoce si el mapa es vectorial o de trama porque aún no se terminó de inicializar.
`VECTOR`	Indica que el mapa es un mapa de vectores.

MapCapabilities

Interfaz de google.maps.MapCapabilities

Es un objeto que contiene una instantánea de las capacidades disponibles actualmente para Maps. Ten en cuenta que esto no significa necesariamente que los módulos relevantes se hayan cargado o inicializado, sino que el mapa actual tiene permiso para usar estas API. Consulta las propiedades para obtener una lista de las posibles capacidades.

Propiedades
`isAdvancedMarkersAvailable optional`	Tipo: `boolean optional` Si es verdadero, este mapa se configura correctamente para permitir el uso de marcadores avanzados. Ten en cuenta que aún debes importar la biblioteca `marker` para 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 se configura correctamente a fin de permitir el uso de un estilo 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.

Maps

Clase Map

Constructor

Propiedades

Métodos

Constantes

Events

MapOptions.

Propiedades

MapElement

Propiedades

Métodos

MapElementOptions.

Propiedades

MapTypeStyle

Propiedades

MapMouseEvent.

Propiedades

Métodos

IconMouseEvent.

Propiedades

Métodos

Constantes MapTypeId

Constantes

MapTypeRegistry

Constructor

Métodos

MapRestriction.

Propiedades

TrafficLayer

Constructor

Métodos

TrafficLayerOptions.

Propiedades

TransitLayer

Constructor

Métodos

BicyclingLayer,

Constructor

Métodos

CameraOptions.

Propiedades

Interfaz VisibleRegion

Propiedades

Constantes RenderingType

Constantes

MapCapabilities

Propiedades