Info Window

Classe InfoWindow

Classe google.maps.InfoWindow

Uma sobreposição que parece com uma bolha e é normalmente conectada a um marcador.

Essa classe estende MVCObject.

Acesse chamando const {InfoWindow} = await google.maps.importLibrary("maps") ou const {InfoWindow} = await google.maps.importLibrary("streetView"). Consulte Bibliotecas na API Maps JavaScript.

Construtor

InfoWindow

InfoWindow([opts]) Parâmetros:  opts:  InfoWindowOptions optional Cria uma janela de informações com as opções especificadas. Uma InfoWindow pode ser colocada em um mapa em uma posição específica ou acima de um marcador, dependendo das especificações nas opções. A menos que o recurso panorâmico automático esteja desativado, uma InfoWindow movimentará o mapa para se tornar visível quando for aberta. Após a construção de uma InfoWindow, você precisa chamar open para exibi-la no mapa. O usuário pode clicar no botão fechar na InfoWindow para removê-la do mapa, ou o desenvolvedor pode chamar close() para obter o mesmo resultado.

Propriedades
isOpen	Tipo:  boolean Verifica se a janela de informações está aberta.

Métodos
close	close() Parâmetros: nenhum Valor de retorno: nenhum Fecha esta janela de informações removendo-a da estrutura DOM.
focus	focus() Parâmetros: nenhum Valor de retorno: nenhum Define o foco para este InfoWindow. Considere usar esse método com um evento visible para garantir que InfoWindow esteja visível antes de definir o foco nele. Uma InfoWindow que não é visível não pode ser focada.
getContent	getContent() Parâmetros: nenhum Valor de retorno:  string|Element|Text|null|undefined O conteúdo dessa janela de informações. Igual ao conteúdo que foi definido anteriormente.
getHeaderContent	getHeaderContent() Parâmetros: nenhum Valor de retorno:  string|Element|Text|null|undefined o conteúdo do cabeçalho dessa janela de informações. Consulte InfoWindowOptions.headerContent.
getHeaderDisabled	getHeaderDisabled() Parâmetros: nenhum Valor de retorno:  boolean|undefined Se a linha inteira do cabeçalho está desativada ou não. Consulte InfoWindowOptions.headerDisabled.
getPosition	getPosition() Parâmetros: nenhum Valor de retorno:  LatLng|null|undefined A posição da LatLng dessa janela de informações.
getZIndex	getZIndex() Parâmetros: nenhum Valor de retorno:  number O zIndex dessa janela de informações.
open	open([options, anchor]) Parâmetros:  options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional um objeto informationOpenOptions (recomendado) ou o mapa|panorama em que essa janela de informações será renderizada. anchor:  MVCObject|AdvancedMarkerElement optional a âncora à qual essa janela de informações será posicionada. Se a âncora não for nula, a janela de informações será posicionada na parte superior central da âncora. A janela de informações será renderizada no mesmo mapa ou panorama que a âncora (quando disponível). Valor de retorno: nenhum Abre essa InfoWindow no mapa especificado. Se preferir, uma InfoWindow pode ser associada a uma âncora. Na API principal, a única âncora é a classe Marker. No entanto, uma âncora pode ser qualquer MVCObject que exponha uma propriedade position da LatLng e, opcionalmente, uma propriedade anchorPoint do ponto para calcular o pixelOffset (consulte janelas de informações). anchorPoint é o deslocamento da posição da âncora até a dica da janela de informações. É recomendável usar a interface InfoWindowOpenOptions como o único argumento para esse método. Para evitar que o foco do navegador seja alterado ao abrir, defina InfoWindowOpenOptions.shouldFocus como false.
setContent	setContent([content]) Parâmetros:  content:  string|Element|Text optional o conteúdo a ser exibido por essa janela de informações. Valor de retorno: nenhum
setHeaderContent	setHeaderContent([headerContent]) Parâmetros:  headerContent:  string|Element|Text optional o conteúdo do cabeçalho a ser exibido por essa janela de informações. Consulte InfoWindowOptions.headerContent. Valor de retorno: nenhum
setHeaderDisabled	setHeaderDisabled([headerDisabled]) Parâmetros:  headerDisabled:  boolean optional especifica se a linha do cabeçalho inteira precisa ser desativada. Consulte InfoWindowOptions.headerDisabled. Valor de retorno: nenhum
setOptions	setOptions([options]) Parâmetros:  options:  InfoWindowOptions optional Valor de retorno: nenhum
setPosition	setPosition([position]) Parâmetros:  position:  LatLng|LatLngLiteral optional a posição da LatLng em que essa janela de informações será exibida. Valor de retorno: nenhum
setZIndex	setZIndex(zIndex) Parâmetros:  zIndex:  number o Z-index dessa janela de informações. Uma janela de informações com um Z-index maior será exibida na frente de todas as outras janelas com um Z-index menor. Valor de retorno: nenhum
Herdadas: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Eventos
close	function() Argumentos:  nenhum Este evento é disparado sempre que o InfoWindow é fechado. Por exemplo, isso pode acontecer ao chamar o método InfoWindow.close, pressionar a tecla Esc para fechar a janela de informações, clicar no botão "Fechar" ou mover a janela de informações para outro mapa.
closeclick	function() Argumentos:  nenhum Este evento é disparado quando o botão fechar é clicado.
content_changed	function() Argumentos:  nenhum Este evento é disparado quando a propriedade de conteúdo é alterada.
domready	function() Argumentos:  nenhum Este evento é disparado quando a <div> que contém o conteúdo da InfoWindow é anexada ao DOM. Talvez você queira monitorar este evento se estiver expandindo o conteúdo da sua janela de informações de modo dinâmico.
headercontent_changed	function() Argumentos:  nenhum Este evento é disparado quando a propriedade headerContent é alterada.
headerdisabled_changed	function() Argumentos:  nenhum Este evento é disparado quando a propriedade headerDisabled é alterada.
position_changed	function() Argumentos:  nenhum Este evento é disparado quando a propriedade de posição é alterada.
visible	function() Argumentos:  nenhum Este evento é disparado quando o InfoWindow está totalmente visível. Este evento não é disparado quando InfoWindow é deslocado para fora e depois volta para a tela.
zindex_changed	function() Argumentos:  nenhum Este evento é disparado quando o zIndex de InfoWindow muda.

InfoWindowOptions

Interface google.maps.InfoWindowOptions

Objeto janela de informações usado para definir as propriedades que podem ser definidas em uma janela de informações.

Propriedades
ariaLabel optional	Tipo:  string optional AriaLabel a ser atribuído à janela de informações.
content optional	Tipo:  string|Element|Text optional Conteúdo a ser exibido na janela de informações. Pode ser um elemento HTML, uma string de texto sem formatação ou uma string contendo HTML. A janela de informações será dimensionada de acordo com o conteúdo. Para definir um tamanho explícito para o conteúdo, defina-o como um elemento HTML com esse tamanho.
disableAutoPan optional	Tipo:  boolean optional Padrão:false Desative a movimentação do mapa para tornar a janela de informações totalmente visível quando ela for aberta.
headerContent optional	Tipo:  string|Element|Text optional O conteúdo a ser exibido na linha do cabeçalho da janela de informações. Pode ser um elemento HTML ou uma string de texto simples. A janela de informações será dimensionada de acordo com o conteúdo. Para definir um tamanho explícito para o conteúdo do cabeçalho, defina headerContent como um elemento HTML com esse tamanho.
headerDisabled optional	Tipo:  boolean optional Desativa toda a linha do cabeçalho na janela de informações. Quando definido como "true", o cabeçalho será removido para que o conteúdo dele e o botão "Fechar" fiquem ocultos.
maxWidth optional	Tipo:  number optional Largura máxima da janela de informações, independentemente da largura do conteúdo. Esse valor só é considerado quando é definido antes de uma chamada para open(). Para mudar a largura máxima ao mudar conteúdo, chame close(), setOptions() e depois open().
minWidth optional	Tipo:  number optional Largura mínima da janela de informações, independentemente da largura do conteúdo. Ao usar essa propriedade, é altamente recomendável definir o minWidth com um valor menor que a largura do mapa (em pixels). Esse valor só é considerado quando é definido antes de uma chamada para open(). Para mudar a largura mínima ao mudar conteúdo, chame close(), setOptions() e depois open().
pixelOffset optional	Tipo:  Size optional O deslocamento, em pixels, da extremidade da janela de informações a partir do ponto no mapa em cujas coordenadas geográficas está ancorada a janela de informações. Se uma janela de informações for aberta com uma âncora, o pixelOffset será calculado com base na propriedade anchorPoint da âncora.
position optional	Tipo:  LatLng|LatLngLiteral optional A LatLng para exibição dessa janela de informações. Se a janela de informações for aberta com uma âncora, a posição da âncora será usada.
zIndex optional	Tipo:  number optional Todas as janelas de informações são exibidas no mapa na ordem de seus zIndex, com os valores maiores exibidos na frente de janelas de informações com valores menores. Por padrão, as janelas de informações são exibidas de acordo com a latitude delas, e aquelas com latitudes menores aparecem na frente daquelas com latitudes maiores. As janelas de informações são sempre exibidas na frente dos marcadores.

InfoWindowOpenOptions

Interface google.maps.InfoWindowOpenOptions

Opções para abrir uma janela de informações

Propriedades
anchor optional	Tipo:  MVCObject|AdvancedMarkerElement optional A âncora à qual essa janela de informações será posicionada. Se a âncora não for nula, a janela de informações será posicionada na parte superior central da âncora. A janela de informações será renderizada no mesmo mapa ou panorama que a âncora (quando disponível).
map optional	Tipo:  Map|StreetViewPanorama optional O mapa ou panorama no qual esta janela de informações será renderizada.
shouldFocus optional	Tipo:  boolean optional Se o foco deve ou não ser movido para dentro da janela de informações quando ela é aberta. Quando a propriedade não é definida ou é definida como null ou undefined, uma heurística é usada para decidir se o foco precisa ser movido ou não. É recomendável definir explicitamente essa propriedade para atender às suas necessidades, já que a heurística está sujeita a mudanças e pode não funcionar bem em todos os casos de uso.