AdvancedMarkerElement
Classe
google.maps.marker.AdvancedMarkerElement
Mostra uma posição em um mapa. O position
precisa ser definido para que o AdvancedMarkerElement
seja exibido.
Observação:o uso como componente da Web (por exemplo, o uso do elemento HTML <gmp-advanced-marker>
personalizado, só está disponível no canal v=beta
).
Elemento personalizado:
<gmp-advanced-marker position="lat,lng" title="string"></gmp-advanced-marker>
Essa classe estende HTMLElement
.
Essa classe implementa AdvancedMarkerElementOptions
.
Acesse chamando const {AdvancedMarkerElement} = await google.maps.importLibrary("marker")
. Consulte Bibliotecas na API Maps JavaScript.
Construtor | |
---|---|
AdvancedMarkerElement |
AdvancedMarkerElement([options]) Parâmetros:
Cria um AdvancedMarkerElement com as opções especificadas. Se um mapa for especificado, a AdvancedMarkerElement será adicionada ao mapa durante a construção. |
Propriedades | |
---|---|
collisionBehavior |
Tipo:
CollisionBehavior optional Consulte os AdvancedMarkerElementOptions.collisionBehavior . |
content |
Tipo:
Node optional Consulte os AdvancedMarkerElementOptions.content . |
element |
Tipo:
HTMLElement Este campo é somente leitura. O elemento DOM que sustenta a visualização. |
gmpDraggable |
Tipo:
boolean optional Consulte os AdvancedMarkerElementOptions.gmpDraggable . |
map |
Tipo:
Map optional Consulte os AdvancedMarkerElementOptions.map . |
position |
Tipo:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Consulte os
AdvancedMarkerElementOptions.position .Atributo HTML:
|
title |
Tipo:
string Consulte os
AdvancedMarkerElementOptions.title .Atributo HTML:
|
zIndex |
Tipo:
number optional Consulte os AdvancedMarkerElementOptions.zIndex . |
Métodos | |
---|---|
|
addEventListener(type, listener[, options]) Parâmetros:
Valor de retorno:
void Configura uma função que será chamada sempre que o evento especificado for entregue ao destino. Veja o addEventListener |
addListener |
addListener(eventName, handler) Parâmetros:
Valor de retorno:
MapsEventListener Listener de evento resultante.Adiciona a função de escuta especificada ao nome de evento especificado no sistema de eventos do Google Maps. |
|
removeEventListener(type, listener[, options]) Parâmetros:
Valor de retorno:
void Remove do ouvinte do evento um listener de evento registrado anteriormente com addEventListener. Consulte removeEventListener |
Eventos | |
---|---|
click |
function(event) Argumentos:
Este evento é acionado quando o elemento AdvancedMarkerElement é clicado.Não disponível com addEventListener() (use gmp-click ). |
drag |
function(event) Argumentos:
Este evento é disparado repetidamente enquanto o usuário arrasta o AdvancedMarkerElement .Não disponível com o addEventListener() . |
dragend |
function(event) Argumentos:
Este evento é acionado quando o usuário para de arrastar o AdvancedMarkerElement .Não disponível com o addEventListener() . |
dragstart |
function(event) Argumentos:
Este evento é acionado quando o usuário começa a arrastar o AdvancedMarkerElement .Não disponível com o addEventListener() . |
|
function(event) Argumentos:
Este evento é acionado quando o elemento AdvancedMarkerElement é clicado. Melhor utilização com addEventListener() (em vez de addListener() ). |
AdvancedMarkerElementOptions.
Interface google.maps.marker.AdvancedMarkerElementOptions
Opções para construir um AdvancedMarkerElement
.
Propriedades | |
---|---|
collisionBehavior optional |
Tipo:
CollisionBehavior optional Uma enumeração que especifica como uma AdvancedMarkerElement precisa se comportar ao colidir com outra AdvancedMarkerElement ou com as etiquetas do mapa básico em um mapa vetorial. Observação: a colisão de |
content optional |
Tipo:
Node optional Padrão:
PinElement.element O elemento DOM que dá suporte ao visual de um AdvancedMarkerElement . Observação: |
gmpDraggable optional |
Tipo:
boolean optional Padrão:
false Se true , o AdvancedMarkerElement poderá ser arrastado. Observação: |
map optional |
Tipo:
Map optional Mapa no qual exibir AdvancedMarkerElement . O mapa é necessário para exibir o AdvancedMarkerElement e pode ser fornecido definindo AdvancedMarkerElement.map se não for fornecido na construção. |
position optional |
Tipo:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Define a posição do AdvancedMarkerElement . Uma AdvancedMarkerElement pode ser construída sem uma posição, mas não será exibida até que a posição seja fornecida, por exemplo, por ações ou escolhas do usuário. Para informar a posição de AdvancedMarkerElement , defina AdvancedMarkerElement.position se ele não for fornecido na construção. Observação: |
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 AdvancedMarkerElement com o valor fornecido. |
zIndex optional |
Tipo:
number optional Todos os AdvancedMarkerElement s são exibidos no mapa na ordem de zIndex, com os valores maiores exibidos na frente de AdvancedMarkerElement s com valores menores. Por padrão, AdvancedMarkerElement s são exibidos de acordo com a posição vertical na tela, com AdvancedMarkerElement s menores aparecendo na frente de AdvancedMarkerElement s mais acima na tela. zIndex também é usado para ajudar a determinar a prioridade relativa entre CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY marcadores avançados. Um valor zIndex maior indica maior prioridade. |
AdvancedMarkerClickEvent
Classe
google.maps.marker.AdvancedMarkerClickEvent
Este evento é criado a partir do clique em um marcador avançado. Acesse a posição do marcador com event.target.position
.
Essa classe estende Event
.
Acesse chamando const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker")
. Consulte Bibliotecas na API Maps JavaScript.
PinElement
Classe
google.maps.marker.PinElement
Um PinElement
representa um elemento DOM que consiste em uma forma e um glifo. A forma tem o mesmo estilo do balão, como mostrado no AdvancedMarkerElement
padrão. O glifo é um elemento DOM opcional exibido na forma de balão. Um PinElement
pode ter uma proporção diferente dependendo do PinElement.scale
.
Observação:ainda não há suporte para o uso como um componente da Web (por exemplo, como uma subclasse do HTMLElement ou via HTML).
Essa classe estende HTMLElement
.
Essa classe implementa PinElementOptions
.
Acesse chamando const {PinElement} = await google.maps.importLibrary("marker")
. Consulte Bibliotecas na API Maps JavaScript.
Construtor | |
---|---|
PinElement |
PinElement([options]) Parâmetros:
|
Propriedades | |
---|---|
background |
Tipo:
string optional Consulte os PinElementOptions.background . |
borderColor |
Tipo:
string optional Consulte os PinElementOptions.borderColor . |
element |
Tipo:
HTMLElement Este campo é somente leitura. O elemento DOM que sustenta a visualização. |
glyph |
Consulte os PinElementOptions.glyph . |
glyphColor |
Tipo:
string optional Consulte os PinElementOptions.glyphColor . |
scale |
Tipo:
number optional Consulte os PinElementOptions.scale . |
Métodos | |
---|---|
|
addEventListener(type, listener[, options]) Parâmetros:
Valor de retorno:
void Esta função ainda não está disponível para uso. |
|
removeEventListener(type, listener[, options]) Parâmetros:
Valor de retorno:
void Remove do ouvinte do evento um listener de evento registrado anteriormente com addEventListener. Consulte removeEventListener |
PinElementOptions.
Interface google.maps.marker.PinElementOptions
Opções para criar um PinElement
.
Propriedades | |
---|---|
background optional |
Tipo:
string optional A cor do plano de fundo da forma do alfinete. Compatível com qualquer valor de cor CSS. |
borderColor optional |
Tipo:
string optional A cor da borda da forma do alfinete. Compatível com qualquer valor de cor CSS. |
glyph optional |
O elemento DOM exibido no alfinete. |
glyphColor optional |
Tipo:
string optional A cor do glifo. Compatível com qualquer valor de cor CSS. |
scale optional |
Tipo:
number optional Padrão:
1 A escala do alfinete. |