Advanced Markers (beta)

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.

Acesse const {AdvancedMarkerView} = await google.maps.importLibrary("marker") chamando. Consulte Bibliotecas na API Maps JavaScript.
AdvancedMarkerView
AdvancedMarkerView([options])
Parâmetros:
collisionBehavior
Tipo:CollisionBehavior optional
Consulte os AdvancedMarkerViewOptions.collisionBehavior.
content
Tipo:Element optional
Consulte os AdvancedMarkerViewOptions.content.
gmpDraggable
Tipo:boolean optional
Consulte os AdvancedMarkerViewOptions.gmpDraggable.
map
Tipo:Map optional
Consulte os AdvancedMarkerViewOptions.map.
position
Consulte os AdvancedMarkerViewOptions.position.
title
Tipo:string
Consulte os AdvancedMarkerViewOptions.title.
zIndex
Tipo:number optional
Consulte os AdvancedMarkerViewOptions.zIndex.
draggable
Tipo:boolean
Herdadas: element
addListener
addListener(eventName, handler)
Parâmetros:
  • eventName:  evento string observado.
  • handler:  função Function para gerenciar eventos.
Valor de retorno:  MapsEventListener Listener de evento resultante.
Adiciona a função de listener especificada ao nome de evento especificado no sistema de eventos do Google Maps.
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.
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.
gmpDraggable optional
Tipo:boolean optional
Padrão:false
Se true, a AdvancedMarkerView pode ser arrastada.

Observação: AdvancedMarkerView com altitude não é arrastável.
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.

Acesse const {PinView} = await google.maps.importLibrary("marker") chamando. Consulte Bibliotecas na API Maps JavaScript.
PinView
PinView([options])
Parâmetros:
background
Tipo:string optional
Consulte os PinViewOptions.background.
borderColor
Tipo:string optional
Consulte os PinViewOptions.borderColor.
element optional
Tipo:HTMLElement|SVGElement optional
Este campo é somente leitura. O elemento DOM que auxilia a visualização.
glyph
Tipo:string|Element|URL optional
Consulte os PinViewOptions.glyph.
glyphColor
Tipo:string optional
Consulte os PinViewOptions.glyphColor.
scale
Tipo:number optional
Consulte os PinViewOptions.scale.
addListener
addListener(eventName, handler)
Parâmetros:
  • eventName:  string
  • handler:  Function
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.
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.