Advanced Markers (beta)

Classe AdvancedMarkerView

Classe google.maps.marker.AdvancedMarkerView

Aviso:disponível apenas no canal v=beta.

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.

Construtor
AdvancedMarkerView	AdvancedMarkerView([options]) Parâmetros: options: AdvancedMarkerViewOptions optional

Propriedades
collisionBehavior	Tipo:CollisionBehavior optional Consulte os AdvancedMarkerViewOptions.collisionBehavior.
content	Tipo: Element optional Consulte os AdvancedMarkerViewOptions.content.
draggable	Tipo:boolean optional Consulte os AdvancedMarkerViewOptions.draggable.
element optional	Tipo:HTMLElement|SVGElement optional Este campo é somente leitura. O elemento DOM que auxilia a visualização.
map	Tipo:Map optional Consulte os AdvancedMarkerViewOptions.map.
position	Tipo: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Consulte os AdvancedMarkerViewOptions.position.
title	Tipo: string optional Consulte os AdvancedMarkerViewOptions.title.
zIndex	Tipo:number optional Consulte os AdvancedMarkerViewOptions.zIndex.

Métodos
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.

Eventos
click	function(event) Argumentos: event: MapMouseEvent Este evento é acionado quando o elemento AdvancedMarkerView é clicado.
drag	function(event) Argumentos: event:  MapMouseEvent Este evento é disparado repetidamente enquanto o usuário arrasta o AdvancedMarkerView.
dragend	function(event) Argumentos: event: MapMouseEvent Este evento é acionado quando o usuário para de arrastar o AdvancedMarkerView.
dragstart	function(event) Argumentos: event:  MapMouseEvent Este evento é acionado quando o usuário começa a arrastar a AdvancedMarkerView.

Interface AdvancedMarkerViewOptions

Interface google.maps.marker.AdvancedMarkerViewOptions

Aviso:disponível apenas no canal v=beta.

Opções para criar um AdvancedMarkerView.

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

Propriedades
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 Padrão: PinView.element 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	Tipo:LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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

Aviso:disponível apenas no canal v=beta.

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.

Construtor
PinView	PinView([options]) Parâmetros: options: PinViewOptions optional

Propriedades
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.

Métodos
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

Aviso:disponível apenas no canal v=beta.

Opções para criar um PinView.

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

Propriedades
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.