Info Window

InfoWindow.

Clase google.maps.InfoWindow

Superposición que parece una burbuja y que suele conectarse a un marcador.

Esta clase extiende MVCObject.

Cuando se usa v=beta, se puede acceder llamando a const {InfoWindow} = await google.map.importLibrary("maps") o const {InfoWindow} = await google.map.importLibrary("streetView"). Consulta Bibliotecas en la API de Maps JavaScript.

Constructor

InfoWindow

InfoWindow([opts]) Parámetros: opts: InfoWindowOptions optional Crea una ventana de información con las opciones determinadas. Se puede colocar una InfoWindow en un mapa en una posición determinada o encima de un marcador, según lo que se especifique en las opciones. A menos que se inhabilite la función de desplazamiento lateral automático, se abrirá una ventana Info para que el mapa se muestre cuando se abra. Después de construir una ventana de información, debes hacer una llamada para abrirla en el mapa. El usuario puede hacer clic en el botón de cerrar en la ventana de información para eliminarla del mapa, o bien el programador puede llamar a close() para el mismo efecto.

Métodos
close	close() Parámetros: ninguno Valor que se muestra: Ninguno Para cerrar esta ventana de información, debes quitarla de la estructura del DOM.
focus	focus() Parámetros: ninguno Valor que se muestra: Ninguno Se enfoca en esta InfoWindow. Te recomendamos que uses este método junto con un evento visible para asegurarte de que InfoWindow esté visible antes de enfocarte en él. No se puede enfocar un elemento InfoWindow que no es visible.
getContent	getContent() Parámetros: ninguno Return Value: string|Element|null|Text|undefined El contenido de esta InfoWindow. Es igual a la que se estableció con anterioridad como contenido.
getPosition	getPosition() Parámetros: ninguno Return Value: LatLng|null|undefined La posición LatLng de esta InfoWindow.
getZIndex	getZIndex() Parámetros: ninguno Valor de retorno: numberEl zIndex de esta InfoWindow.
open	open([options, anchor]) Parámetros: options: InfoWindowOpenOptions|Map|StreetViewPanorama optional Es un objeto InfoWindowOpenOptions (recomendado) o el mapa|panorama en el que se renderizará esta ventana de información. anchor:  MVCObject|AdvancedMarkerView optional Es el ancla en la que se posicionará esta ventana de información. Si el ancla no es nula, la ventana de información se posicionará en la parte superior central del anclaje. La ventana de información se procesará en el mismo mapa o panorámica que el ancla (cuando esté disponible). Valor que se muestra: Ninguno Abre esta ventana de información en el mapa correspondiente. De manera opcional, se puede asociar un elemento InfoWindow a un ancla. En la API de Core, la única ancla es la clase Marker. Sin embargo, un ancla puede ser cualquier MVCObject que exponga una propiedad LatLng position y, de forma opcional, una propiedad Point anchorPoint para calcular pixelOffset (consulta InfoWindowOptions). anchorPoint es el desplazamiento de la posición del ancla a la punta de la ventana de información. Se recomienda usar la interfaz InfoWindowOpenOptions como el argumento único de este método. Para evitar que el navegador cambie el enfoque cuando está abierto, establece InfoWindowOpenOptions.shouldFocus en false.
setContent	setContent([content]) Parámetros: content:  string|Element|Text optional El contenido que mostrará esta ventana de información Valor que se muestra: Ninguno
setOptions	setOptions([options]) Parámetros: options: InfoWindowOptions optional Valor que se muestra: Ninguno
setPosition	setPosition([position]) Parámetros: position: LatLng|LatLngLiteral optional Es la posición de LatLng en la que se muestra esta ventana de información. Valor que se muestra: Ninguno
setZIndex	setZIndex(zIndex) Parámetros: zIndex: number Es el índice z de esta InfoWindow. Se mostrará un elemento InfoWindow con un índice z superior frente a todos los demás Infotipos con un índice z inferior. Valor que se muestra: Ninguno
Heredada: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Eventos
closeclick	function() Argumentos: Ninguno Este evento se activa cuando se hace clic en el botón de cierre.
content_changed	function() Argumentos: Ninguno Este evento se activa cuando cambia la propiedad del contenido.
domready	function() Argumentos: Ninguno Este evento se activa cuando el <div> que incluye el contenido de InfoWindow se adjunta al DOM. Si quieres crear contenido de la ventana de información de forma dinámica, te recomendamos que supervises este evento.
position_changed	function() Argumentos: Ninguno Este evento se activa cuando cambia la propiedad de posición.
visible	function() Argumentos: Ninguno Este evento se activa cuando el InfoWindow está completamente visible. Este evento no se activa cuando InfoWindow se desplaza lateralmente y vuelve a aparecer en la pantalla.
zindex_changed	function() Argumentos: Ninguno Este evento se activa cuando cambia el valor zIndex de InfoWindow.

InfoWindowOptions.

Interfaz de google.maps.InfoWindowOptions

Objeto InfoWindowOptions usado para definir las propiedades que se pueden establecer en un objeto InfoWindow.

Propiedades
ariaLabel optional	Tipo: string optional AriaLabel para asignar a la ventana de información.
content optional	Tipo: string|Element|Text optional Contenido para mostrar en la ventana de información. Puede ser un elemento HTML, una string de texto sin formato o una string que contenga HTML. El tamaño de la ventana de información se ajustará según el contenido. Para establecer un tamaño explícito del contenido, configura el contenido como un elemento HTML con ese tamaño.
disableAutoPan optional	Tipo: boolean optional Predeterminado: false Inhabilita el desplazamiento lateral del mapa para que se abra por completo la ventana de información.
maxWidth optional	Tipo: number optional Ancho máximo de la ventana de información, independientemente del ancho del contenido. Este valor solo se considera si se configura antes de una llamada a open(). Para cambiar el ancho máximo cuando cambies el contenido, llama a close(), setOptions() y, luego, open().
minWidth optional	Tipo: number optional Ancho mínimo de la ventana de información, independientemente del ancho del contenido. Cuando uses esta propiedad, se recomienda establecer minWidth en un valor inferior al ancho del mapa (en píxeles). Este valor solo se considera si se configura antes de una llamada a open(). Para cambiar el ancho mínimo cuando cambias contenido, llama a close(), setOptions() y, luego, open().
pixelOffset optional	Tipo: Size optional Desplazamiento (en píxeles) de la punta de la ventana de información desde el punto en el mapa cuyas coordenadas geográficas están ancladas. Si se abre un objeto InfoWindow con un ancla, se calculará pixelOffset a partir de la propiedad anchorPoint del anclaje.
position optional	Tipo: LatLng|LatLngLiteral optional El objeto LatLng en el que se muestra esta ventana de información. Si la ventana de información se abre con un ancla, se usará la posición del anclaje en su lugar.
zIndex optional	Tipo: number optional Todos los InfoInfo se muestran en el mapa en el orden de su zIndex, con valores más altos frente a InfoWindows con valores más bajos. De manera predeterminada, los InfoWindows se muestran según su latitud y los InfoWindows aparecen en las latitudes más bajas frente a los de Windows. InfoWindows siempre se muestra delante de marcadores.

InfoWindowOpenOptions

Interfaz de google.maps.InfoWindowOpenOptions

Opciones para abrir una ventana de información

Propiedades
anchor optional	Tipo: MVCObject|AdvancedMarkerView optional Es el ancla en la que se posicionará esta ventana de información. Si el ancla no es nula, la ventana de información se posicionará en la parte superior central del anclaje. La ventana de información se procesará en el mismo mapa o panorámica que el ancla (cuando esté disponible).
map optional	Tipo: Map|StreetViewPanorama optional Mapa o panorama en el que se debe renderizar esta ventana de información
shouldFocus optional	Tipo: boolean optional Establece si el foco debe moverse o no dentro de la ventana de información cuando se abre. Cuando esta propiedad no está configurada o está configurada en null o undefined, se usa una heurística para decidir si el enfoque debe moverse o no. Te recomendamos que establezcas explícitamente esta propiedad de modo que se adapte a tus necesidades, ya que la heurística está sujeta a cambios y es posible que no funcione bien en todos los casos prácticos.