Advanced Markers (beta)

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Classe AdvancedMarkerView

Classe google.maps.marker.AdvancedMarkerView

Cria um AdvancedMarkerView com as opções especificadas. Se um mapa for especificado, a AdvancedMarkerView será adicionada ao mapa durante a construção. A posição precisa ser definida para que o AdvancedMarkerView seja exibido.

Essa classe implementa AdvancedMarkerViewOptions.

Carregar usando o parâmetro de URL &libraries=marker. Consulte Bibliotecas na API Maps JavaScript.

Ao usar v=beta, é possível chamar const {AdvancedMarkerView} = await google.map.importLibrary("marker"). Consulte Bibliotecas na API Maps JavaScript.

AdvancedMarkerView
AdvancedMarkerView([options])
Parâmetros:
collisionBehavior
Tipo:CollisionBehavior optional
content
Tipo: Element optional
draggable
Tipo:boolean optional
element optional
Tipo:HTMLElement|SVGElement optional
Este campo é somente leitura. O elemento DOM que auxilia a visualização.
map
Tipo:Map optional
position
title
Tipo: string optional
zIndex
Tipo:number optional
addListener
addListener(eventName, handler)
Parâmetros:
Valor de retorno: MapsEventListener
Adiciona a função de listener especificada ao nome de evento fornecido.
click
function(event)
Argumentos:
Este evento é acionado quando o elemento AdvancedMarkerView é clicado.
drag
function(event)
Argumentos:
Este evento é disparado repetidamente enquanto o usuário arrasta o AdvancedMarkerView.
dragend
function(event)
Argumentos:
Este evento é acionado quando o usuário para de arrastar o AdvancedMarkerView.
dragstart
function(event)
Argumentos:
Este evento é acionado quando o usuário começa a arrastar a AdvancedMarkerView.

Interface AdvancedMarkerViewOptions

Interface google.maps.marker.AdvancedMarkerViewOptions

Opções para criar um AdvancedMarkerView.

Carregar usando o parâmetro de URL &libraries=marker. Consulte Bibliotecas na API Maps JavaScript.

collisionBehavior optional
Tipo:CollisionBehavior optional
Uma enumeração que especifica como um AdvancedMarkerView deve se comportar ao colidir com outros AdvancedMarkerView ou com os rótulos do mapa base em um mapa vetorial.

Observação: a colisão de AdvancedMarkerView com AdvancedMarkerView funciona em mapas vetoriais e de varredura. No entanto, a colisão de AdvancedMarkerView para base do mapa funciona apenas em mapas vetoriais.

content optional
Tipo:Element optional
O elemento DOM que dá suporte ao visual de uma AdvancedMarkerView.

Observação: AdvancedMarkerView não clona o elemento DOM transmitido. Quando o elemento DOM é transmitido para um AdvancedMarkerView, a transmissão do mesmo elemento DOM para outro AdvancedMarkerView move o elemento DOM e faz com que o AdvancedMarkerView anterior pareça vazio.

draggable optional
Tipo:boolean optional
Padrão:false
Se true, a AdvancedMarkerView pode ser arrastada.

Observação: AdvancedMarkerView com altitude não é arrastável.

element optional
Tipo:HTMLElement|SVGElement optional
Este campo é somente leitura. O elemento DOM que auxilia a visualização.
map optional
Tipo: Map optional
Mapa no qual exibir o AdvancedMarkerView. O mapa é necessário para exibir a AdvancedMarkerView e poderá ser fornecido configurando AdvancedMarkerView.map, se não for fornecido na construção.
position optional
Define a posição de AdvancedMarkerView. Uma AdvancedMarkerView pode ser construída sem uma posição, mas não vai ser exibida até que a posição seja fornecida, por exemplo, pelas ações ou escolhas do usuário. A posição de um AdvancedMarkerView pode ser fornecida definindo AdvancedMarkerView.position se não for fornecida na construção.

Observação: AdvancedMarkerView com altitude é compatível apenas com mapas vetoriais.

title optional
Tipo: string optional
texto da sobreposição. Se fornecido, um texto de acessibilidade (por exemplo, para uso com leitores de tela) será adicionado ao AdvancedMarkerView com o valor fornecido.
zIndex optional
Tipo: number optional
Todos os AdvancedMarkerViews são exibidos no mapa na ordem zIndex, com os valores maiores na frente dos AdvancedMarkerViews e menores. Por padrão, as AdvancedMarkerViews são exibidas de acordo com a posição vertical delas na tela, com AdvancedMarkerViews menores aparecendo na frente de AdvancedMarkerViews mais acima na tela. O método zIndex também é usado para ajudar a determinar a prioridade relativa entre os marcadores avançados CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY. Um valor zIndex maior indica prioridade mais alta.

Classe PinView

Classe google.maps.marker.PinView

Um PinView representa um elemento DOM que consiste em uma forma e um glifo. A forma tem o mesmo estilo de balão do AdvancedMarkerView padrão. O glifo é um elemento DOM opcional exibido na forma do balão. Uma PinView pode ter uma proporção diferente dependendo do PinView.scale.

Essa classe implementa PinViewOptions.

Carregar usando o parâmetro de URL &libraries=marker. Consulte Bibliotecas na API Maps JavaScript.

Ao usar v=beta, é possível chamar const {PinView} = await google.map.importLibrary("marker"). Consulte Bibliotecas na API Maps JavaScript.

PinView
PinView([options])
Parâmetros:
background
Tipo:string optional
borderColor
Tipo:string optional
element optional
Tipo:HTMLElement|SVGElement optional
Este campo é somente leitura. O elemento DOM que auxilia a visualização.
glyph
Tipo:string|Element|URL optional
glyphColor
Tipo: string optional
scale
Tipo:number optional
addListener
addListener(eventName, handler)
Parâmetros:
Valor de retorno: MapsEventListener
Adiciona a função de listener especificada ao nome de evento fornecido.

interface PinViewOptions

Interface google.maps.marker.PinViewOptions

Opções para criar um PinView.

Carregar usando o parâmetro de URL &libraries=marker. Consulte Bibliotecas na API Maps JavaScript.

background optional
Tipo: string optional
É a cor do plano de fundo da forma do alfinete. Compatível com qualquer valor de cor do CSS.
borderColor optional
Tipo: string optional
A cor da borda da forma do alfinete. Compatível com qualquer valor de cor do CSS.
element optional
Tipo:HTMLElement|SVGElement optional
Este campo é somente leitura. O elemento DOM que auxilia a visualização.
glyph optional
Tipo:string|Element|URL optional
O elemento DOM exibido no alfinete.
glyphColor optional
Tipo: string optional
A cor do glifo. Compatível com qualquer valor de cor do CSS.
scale optional
Tipo:number optional
Padrão: 1
A escala do alfinete.