Pronto habrá nuevas opciones para el diseño de mapas disponibles en Google Maps Platform. Esta actualización del diseño de mapas incluye una nueva paleta de colores predeterminada, así como mejoras en la experiencia y la usabilidad del mapa. Todos los diseños de mapa se actualizarán automáticamente en marzo de 2025. Para obtener más información sobre la disponibilidad y cómo habilitar esta actualización antes, consulta Nuevo diseño de mapa para Google Maps Platform.

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

Rendering

Clase StreetViewPanorama

Clase google.maps.StreetViewPanorama

Muestra la panorámica de un objeto LatLng o ID de panorámica determinado. Un objeto StreetViewPanorama proporciona un "lector" de Street View que puede ser independiente dentro de un <div> independiente o estar vinculado a un Map.

Esta clase extiende MVCObject.

Para acceder, llama a const {StreetViewPanorama} = await google.maps.importLibrary("streetView"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.

Constructor
`StreetViewPanorama`	`StreetViewPanorama(container[, opts])` Parámetros: `container`: `HTMLElement` `opts`: `StreetViewPanoramaOptions optional` Crea una panorámica con el objeto `StreetViewPanoramaOptions` pasado.

Propiedades
`controls`	Tipo: `Array<MVCArray<HTMLElement>>` Controles adicionales para adjuntar a la panorámica. Para agregar un control a la panorámica, agrega el `<div>` del control al `MVCArray` correspondiente al `ControlPosition` donde debería renderizarse.

Métodos
`focus`	`focus()` Parámetros: Ninguno Valor que se devuelve: Ninguno Establece el foco en este `StreetViewPanorama`. Te recomendamos que consideres usar este método junto con un evento `visible_changed` para asegurarte de que `StreetViewPanorama` sea visible antes de establecer el enfoque en él. No se puede enfocar un elemento `StreetViewPanorama` que no es visible.
`getLinks`	`getLinks()` Parámetros: Ninguno Valor que se devuelve: `Array<StreetViewLink>` Muestra el conjunto de vínculos de navegación para la panorámica de Street View.
`getLocation`	`getLocation()` Parámetros: Ninguno Valor que se devuelve: `StreetViewLocation` Vuelve a la StreetViewLocation del panorama actual.
`getMotionTracking`	`getMotionTracking()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra el estado del rastreador de movimiento. Si es `true` cuando el usuario mueve físicamente el dispositivo y el navegador lo admite, la panorámica de Street View realiza un seguimiento de los movimientos físicos.
`getPano`	`getPano()` Parámetros: Ninguno Valor que se devuelve: `string` Muestra el ID de panorámica actual para la panorámica de Street View. Este ID es estable sólo en la sesión actual del navegador.
`getPhotographerPov`	`getPhotographerPov()` Parámetros: Ninguno Valor que se devuelve: `StreetViewPov` Muestra la orientación y la inclinación del fotógrafo al momento de tomar esta panorámica. Para las panorámicas de Street View en la ruta, esto también revela en qué dirección se recorrió el automóvil. Estos datos están disponibles después del evento `pano_changed`.
`getPosition`	`getPosition()` Parámetros: Ninguno Valor que se devuelve: `LatLng\|null` Muestra la posición `LatLng` actual para la panorámica de Street View.
`getPov`	`getPov()` Parámetros: Ninguno Valor que se devuelve: `StreetViewPov` Muestra el punto de vista actual de la panorámica de Street View.
`getStatus`	`getStatus()` Parámetros: Ninguno Valor que se devuelve: `StreetViewStatus` Muestra el estado de la panorámica cuando se completa la solicitud `setPosition()` o `setPano()`.
`getVisible`	`getVisible()` Parámetros: Ninguno Valor que se devuelve: `boolean` Muestra `true` si la panorámica es visible. No se especifica si las imágenes de Street View se encuentran disponibles en la posición especificada.
`getZoom`	`getZoom()` Parámetros: Ninguno Valor que se devuelve: `number` Muestra el nivel de zoom de la panorámica. El nivel totalmente alejado está en el nivel 0, en el que el campo visual es de 180 grados. Cuando acercas la imagen, aumenta el nivel de zoom.
`registerPanoProvider`	`registerPanoProvider(provider[, opt_options])` Parámetros: `provider`: `function(string): (StreetViewPanoramaData optional)` `opt_options`: `PanoProviderOptions optional` Valor que se devuelve: Ninguno Configura el proveedor de panorámicas personalizadas llamado en el cambio de panorámica para cargar panorámicas personalizadas.
`setLinks`	`setLinks(links)` Parámetros: `links`: `Array<StreetViewLink>` Valor que se devuelve: Ninguno Establece el conjunto de vínculos de navegación para la panorámica de Street View.
`setMotionTracking`	`setMotionTracking(motionTracking)` Parámetros: `motionTracking`: `boolean` Valor que se devuelve: Ninguno Establece el estado del rastreador de movimiento. Si es `true` cuando el usuario mueve físicamente el dispositivo y el navegador lo admite, la panorámica de Street View realiza un seguimiento de los movimientos físicos.
`setOptions`	`setOptions(options)` Parámetros: `options`: `StreetViewPanoramaOptions optional` Valor que se devuelve: Ninguno Establece una colección de pares clave-valor.
`setPano`	`setPano(pano)` Parámetros: `pano`: `string` Valor que se devuelve: Ninguno Establece el ID de panorámica actual para la panorámica de Street View.
`setPosition`	`setPosition(latLng)` Parámetros: `latLng`: `LatLng\|LatLngLiteral optional` Valor que se devuelve: Ninguno Establece la posición `LatLng` actual para la panorámica de Street View.
`setPov`	`setPov(pov)` Parámetros: `pov`: `StreetViewPov` Valor que se devuelve: Ninguno Establece el punto de vista de la panorámica de Street View.
`setVisible`	`setVisible(flag)` Parámetros: `flag`: `boolean` Valor que se devuelve: Ninguno Se establece en `true` para que la panorámica sea visible. Si se establece en `false`, la panorámica se ocultará, ya sea que esté incorporada en el mapa o en su propio objeto `<div>`.
`setZoom`	`setZoom(zoom)` Parámetros: `zoom`: `number` Valor que se devuelve: Ninguno Establece el nivel de zoom de la panorámica. El nivel totalmente alejado está en el nivel 0, en el que el campo visual es de 180 grados. Cuando acercas la imagen, aumenta el nivel de zoom.
Heredado: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventos
`closeclick`	`function(event)` Argumentos: `event`: `Event` El evento se activó. Este evento se activa cuando se hace clic en el botón de cierre.
`pano_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando cambia el id de panorámica del panorama. La panorámica puede cambiar a medida que el usuario navega por la panorámica o se establece la posición de forma manual. Ten en cuenta que no todos los cambios de posición activan una `pano_changed`.
`position_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando cambia la posición de la panorámica. La posición cambia a medida que el usuario navega por la panorámica o la posición se establece manualmente.
`pov_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando cambia el punto de vista de la panorámica. El punto de vista cambia a medida que se modifica el tono, el zoom o la orientación.
`resize`	`function()` Argumentos: Ninguno Los desarrolladores deben activar este evento en la panorámica cuando su div cambie de tamaño: `google.maps.event.trigger(panorama, 'resize')`.
`status_changed`	`function()` Argumentos: Ninguno Este evento se activa después de cada búsqueda de panorámica por ID o ubicación mediante `setPosition()` o `setPano()`.
`visible_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando cambia la visibilidad del panorama. La visibilidad cambia cuando se arrastra el hombrecito naranja al mapa, cuando se hace clic en el botón de cierre o cuando se llama a `setVisible()`.
`zoom_changed`	`function()` Argumentos: Ninguno Este evento se activa cuando cambia el nivel de zoom de la panorámica.

StreetViewPanoramaOptions

Interfaz de google.maps.StreetViewPanoramaOptions

Opciones que definen las propiedades de un objeto StreetViewPanorama.

Propiedades
`addressControl optional`	Tipo: `boolean optional` El estado habilitado o inhabilitado del control de dirección.
`addressControlOptions optional`	Tipo: `StreetViewAddressControlOptions optional` Las opciones de visualización del control de dirección.
`clickToGo optional`	Tipo: `boolean optional` Valor predeterminado: `true` El estado habilitado/inhabilitado de la función de hacer clic para ir. No aplicable a las panorámicas personalizadas.
`controlSize optional`	Tipo: `number optional` Corresponde al tamaño en píxeles de los controles que aparecen en la panorámica. Este valor se debe suministrar directamente cuando se crea el panorama. Si se actualiza posteriormente este valor, es posible que los controles pasen a un estado indefinido. Solo rige los controles que define la API de Google Maps. No escala los controles personalizados creados por el desarrollador.
`disableDefaultUI optional`	Tipo: `boolean optional` Habilita o inhabilita todas las IU predeterminadas. Se puede anular de forma individual.
`disableDoubleClickZoom optional`	Tipo: `boolean optional` Valor predeterminado: `true` Habilita o inhabilita el zoom al hacer doble clic.
`enableCloseButton optional`	Tipo: `boolean optional` Valor predeterminado: `false` Si es `true`, se muestra el botón de cierre.
`fullscreenControl optional`	Tipo: `boolean optional` El estado habilitado/inhabilitado del control de pantalla completa.
`fullscreenControlOptions optional`	Tipo: `FullscreenControlOptions optional` Opciones de visualización del control de pantalla completa.
`imageDateControl optional`	Tipo: `boolean optional` El estado habilitado o inhabilitado del control de fecha de adquisición de imágenes Están inhabilitados de forma predeterminada.
`linksControl optional`	Tipo: `boolean optional` El estado habilitado o inhabilitado del control de vínculos.
`motionTracking optional`	Tipo: `boolean optional` Indica si el seguimiento de movimiento está activado o desactivado. Se habilita de forma predeterminada cuando el control de seguimiento de movimiento está presente y el usuario otorga el permiso o no es necesario, para que el punto de vista (POV) siga la orientación del dispositivo. Esto se aplica principalmente a dispositivos móviles. Si estableces `motionTracking` en `false` mientras `motionTrackingControl` está habilitado, aparecerá el control de seguimiento de movimiento, pero el seguimiento estará desactivado. El usuario puede presionar el control de seguimiento de movimiento para activar o desactivar esta opción. Si estableces `motionTracking` en `true` mientras se requiere el permiso, pero todavía no se solicitó, el control de seguimiento de movimiento aparecerá, pero el seguimiento estará desactivado. El usuario puede presionar el control de seguimiento de movimiento para solicitar el permiso. Si estableces `motionTracking` como `true` mientras un usuario niega el permiso, el control de seguimiento de movimiento aparecerá inhabilitado con el seguimiento desactivado.
`motionTrackingControl optional`	Tipo: `boolean optional` Es el estado habilitado o inhabilitado del control de seguimiento de movimiento. Se habilita de forma predeterminada cuando el dispositivo tiene datos de movimiento, de modo que el control aparezca en el mapa. Esto se aplica principalmente a dispositivos móviles.
`motionTrackingControlOptions optional`	Tipo: `MotionTrackingControlOptions optional` Las opciones de pantalla del control de seguimiento de movimiento.
`panControl optional`	Tipo: `boolean optional` Estado habilitado o inhabilitado del control de desplazamiento lateral
`panControlOptions optional`	Tipo: `PanControlOptions optional` Opciones de visualización del control de desplazamiento lateral.
`pano optional`	Tipo: `string optional` ID de panorama, que debe establecerse al especificar una panorámica personalizada.
`position optional`	Tipo: `LatLng\|LatLngLiteral optional` La posición `LatLng` de la panorámica de Street View.
`pov optional`	Tipo: `StreetViewPov optional` Es la orientación de la cámara, especificada como orientación y inclinación, para la panorámica.
`scrollwheel optional`	Tipo: `boolean optional` Valor predeterminado: `true` Si el valor es `false`, se inhabilita el zoom con la rueda del mouse en Street View.
`showRoadLabels optional`	Tipo: `boolean optional` Valor predeterminado: `true` Visualización de nombres de calles en el panorama Si no se especifica este valor o se establece en `true`, se muestran los nombres de las calles en la panorámica. Si la estableces como `false`, no se mostrarán los nombres de las calles.
`visible optional`	Tipo: `boolean optional` Si es `true`, la panorámica de Street View se verá durante la carga.
`zoom optional`	Tipo: `number optional` El zoom de la panorámica, especificado como un número. Un zoom de 0 brinda un campo visual de 180 grados.
`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.

interfaz de StreetViewAddressControlOptions

Interfaz de google.maps.StreetViewAddressControlOptions

Opciones para la renderización del control de direcciones de Street View.

Propiedades
`position optional`	Tipo: `ControlPosition optional` ID de posición. Este ID se usa para especificar la posición del control en el mapa. La posición predeterminada es `TOP_LEFT`.

Interfaz de PanoProviderOptions.

Interfaz de google.maps.PanoProviderOptions

Opciones del proveedor de panorámicas personalizadas

Propiedades
`cors optional`	Tipo: `boolean optional` Si se configura, el procesador usará tecnologías (como webgl) que solo funcionan cuando los encabezados CORS están configurados correctamente en las imágenes proporcionadas. La tarea del desarrollador es entregar correctamente las imágenes en combinación con esta marca, lo que, de lo contrario, podría generar SecurityErrors.

Interfaz de StreetViewTileData

Interfaz de google.maps.StreetViewTileData

Propiedades del conjunto de mosaicos que se usa en una panorámica de Street View.

Propiedades
`centerHeading`	Tipo: `number` La orientación (en grados) en el centro de los mosaicos panorámicos.
`tileSize`	Tipo: `Size` Tamaño (en píxeles) en el que se representarán los mosaicos.
`worldSize`	Tipo: `Size` Es el tamaño (en píxeles) del "mundo" de la panorámica completa.

Métodos
`getTileUrl`	`getTileUrl(pano, tileZoom, tileX, tileY)` Parámetros: `pano`: `string` `tileZoom`: `number` `tileX`: `number` `tileY`: `number` Valor que se devuelve: `string` Obtiene la URL de la imagen de mosaico del mosaico especificado. : Es un método personalizado que debes implementar para proporcionar tus tarjetas personalizadas. La API llama a este método y proporciona los siguientes parámetros: `pano` es el ID de la panorámica del mosaico de Street View. `tileZoom` es el nivel de zoom del mosaico. `tileX` es la coordenada X del mosaico. `tileY` es la coordenada Y del mosaico. El método personalizado debe mostrar la URL de la imagen de mosaico.

Métodos

getTileUrl

getTileUrl(pano, tileZoom, tileX, tileY)

Parámetros:

pano: string
tileZoom: number
tileX: number
tileY: number

Valor que se devuelve: string

Obtiene la URL de la imagen de mosaico del mosaico especificado.
: Es un método personalizado que debes implementar para proporcionar tus tarjetas personalizadas. La API llama a este método y proporciona los siguientes parámetros:
pano es el ID de la panorámica del mosaico de Street View.
tileZoom es el nivel de zoom del mosaico.
tileX es la coordenada X del mosaico.
tileY es la coordenada Y del mosaico.
El método personalizado debe mostrar la URL de la imagen de mosaico.

Interfaz de StreetViewPov

Interfaz de google.maps.StreetViewPov

Es un objeto de punto de vista que especifica la orientación de la cámara en la posición de la panorámica de Street View. El punto de vista se define como encabezado y tono.

Propiedades
`heading`	Tipo: `number` Orientación de la cámara en grados en relación con el norte `true`. El norte geográfico es 0°, el este es 90°, el sur es 180° y el oeste es 270°.
`pitch`	Tipo: `number` La inclinación de la cámara en grados, en relación con el vehículo de Street View. Va de 90° (directamente hacia arriba) a -90° (directamente hacia abajo).

Clase StreetViewCoverageLayer

Clase google.maps.StreetViewCoverageLayer

Es una capa que ilustra las ubicaciones en las que está disponible Street View.

Esta clase extiende MVCObject.

Para acceder, llama a const {StreetViewCoverageLayer} = await google.maps.importLibrary("streetView"). Consulta el artículo Bibliotecas de la API de Maps JavaScript.

Constructor
`StreetViewCoverageLayer`	`StreetViewCoverageLayer()` Parámetros: Ninguno Crea una instancia nueva de `StreetViewCoverageLayer`.

Métodos
`getMap`	`getMap()` Parámetros: Ninguno Valor que se devuelve: `Map\|null` Muestra el mapa en el que aparece esta capa.
`setMap`	`setMap(map)` Parámetros: `map`: `Map optional` Valor que se devuelve: Ninguno Renderiza la capa en el mapa especificado. Si el mapa se establece en un valor nulo, se eliminará la capa.
Heredado: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Rendering

Clase StreetViewPanorama

Constructor

Propiedades

Métodos

Eventos

StreetViewPanoramaOptions

Propiedades

interfaz de StreetViewAddressControlOptions

Propiedades

Interfaz de PanoProviderOptions.

Propiedades

Interfaz de StreetViewTileData

Propiedades

Métodos

Interfaz de StreetViewPov

Propiedades

Clase StreetViewCoverageLayer

Constructor

Métodos