Classe OverlayView
Classe
google.maps.OverlayView
Implemente essa classe se quiser exibir tipos personalizados de objetos de sobreposição no mapa.
Herde de essa classe definindo o protótipo da sobreposição: MyOverlay.prototype = new google.maps.OverlayView();
. O construtor OverlayView
é garantido como uma função vazia.
É necessário implementar três métodos: onAdd()
, draw()
e onRemove()
.
- No método
onAdd()
, crie objetos DOM e anexe-os como filhos dos painéis. - No método
draw()
, posicione esses elementos. - No método
onRemove()
, remova os objetos do DOM.
setMap()
com um objeto Map
válido para acionar a chamada para o método onAdd()
e setMap(null)
para acionar o método onRemove()
. O método setMap()
pode ser chamado no momento da construção ou em qualquer momento depois, quando a sobreposição precisa ser mostrada novamente após a remoção. O método draw()
é chamado sempre que uma propriedade do mapa muda e pode alterar a posição do elemento, como zoom, centralização ou tipo de mapa.
Essa classe estende
MVCObject
.
Acesse chamando const {OverlayView} = await google.maps.importLibrary("maps")
ou const {OverlayView} = await google.maps.importLibrary("streetView")
. Consulte Bibliotecas na API Maps JavaScript.
Construtor | |
---|---|
OverlayView |
OverlayView() Parâmetros:nenhum
Cria um OverlayView . |
Métodos estáticos | |
---|---|
preventMapHitsAndGesturesFrom |
preventMapHitsAndGesturesFrom(element) Parâmetros:
Valor de retorno:nenhum
Impedem que os eventos de clique, toque, arrasto e roda no elemento sejam transmitidos para o mapa. Use isso para evitar que o mapa seja arrastado e ampliado, bem como eventos de "clique". |
preventMapHitsFrom |
preventMapHitsFrom(element) Parâmetros:
Valor de retorno:nenhum
Impedem que o clique ou toque no elemento seja transmitido para o mapa. Use isso para evitar que o mapa acione eventos de "clique". |
Métodos | |
---|---|
draw |
draw() Parâmetros:nenhum
Valor de retorno:nenhum
Implemente esse método para desenhar ou atualizar a sobreposição. Use a posição de projection.fromLatLngToDivPixel() para posicionar corretamente a sobreposição em relação às janelas do mapa. Esse método é chamado após onAdd() e é chamado na mudança de zoom ou centralização. Não é recomendável fazer trabalhos computacionalmente caros nesse método. |
getMap |
getMap() Parâmetros:nenhum
Valor de retorno:
Map|StreetViewPanorama |
getPanes |
getPanes() Parâmetros:nenhum
Valor de retorno:
MapPanes|null Retorna os painéis nos quais essa OverlayView pode ser renderizada. Os painéis não são inicializados até que onAdd seja chamado pela API. |
getProjection |
getProjection() Parâmetros:nenhum
Valor de retorno:
MapCanvasProjection Retorna o objeto MapCanvasProjection associado a esse OverlayView . A projeção não é inicializada até que onAdd seja chamado pela API. |
onAdd |
onAdd() Parâmetros:nenhum
Valor de retorno:nenhum
Implemente esse método para inicializar os elementos DOM de sobreposição. Esse método é chamado uma vez após setMap() ser chamado com um mapa válido. Nesse ponto, os painéis e a projeção terão sido inicializados. |
onRemove |
onRemove() Parâmetros:nenhum
Valor de retorno:nenhum
Implemente esse método para remover os seus elementos do DOM. Esse método é chamado uma vez após uma chamada para setMap(null). |
setMap |
setMap(map) Parâmetros:
Valor de retorno:nenhum
Adiciona uma superposição ao mapa ou panorama. |
Herdado:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
Interface MapPanes
Interface
google.maps.MapPanes
Propriedades | |
---|---|
floatPane |
Tipo:
Element Este painel contém a janela de informações. Fica acima de todas as sobreposições do mapa (Painel 4). |
mapPane |
Tipo:
Element Este é o painel mais baixo e fica acima dos blocos. Ele não recebe eventos DOM. (painel 0). |
markerLayer |
Tipo:
Element Esse painel contém marcadores. Ele não recebe eventos DOM. (painel 2). |
overlayLayer |
Tipo:
Element Este painel contém polilinhas, polígonos, sobreposições de solo e sobreposições de camada de blocos. Ele não recebe eventos DOM. (painel 1). |
overlayMouseTarget |
Tipo:
Element Esse painel contém elementos que recebem eventos DOM. (painel 3). |
Interface MapCanvasProjection
Interface
google.maps.MapCanvasProjection
Esse objeto é disponibilizado para OverlayView
no método de exibição. A inicialização até que draw seja chamado não é garantida.
Métodos | |
---|---|
fromContainerPixelToLatLng |
fromContainerPixelToLatLng(pixel[, noClampNoWrap]) Parâmetros:
Valor de retorno:
LatLng|null Calcula as coordenadas geográficas a partir das coordenadas em pixels no recipiente do mapa. |
fromDivPixelToLatLng |
fromDivPixelToLatLng(pixel[, noClampNoWrap]) Parâmetros:
Valor de retorno:
LatLng|null Calcula as coordenadas geográficas a partir das coordenadas em pixels no div que contém o mapa arrastável. |
fromLatLngToContainerPixel |
fromLatLngToContainerPixel(latLng) Parâmetros:
Valor de retorno:
Point|null Calcula as coordenadas de pixel do local geográfico fornecido no elemento do contêiner do mapa. |
fromLatLngToDivPixel |
fromLatLngToDivPixel(latLng) Parâmetros:
Valor de retorno:
Point|null Calcula as coordenadas em pixels do local geográfico especificado no elemento DOM que contém o mapa arrastável. |
getVisibleRegion |
getVisibleRegion() Parâmetros:nenhum
Valor de retorno:
VisibleRegion|null Região visível do mapa. Retorna null se o mapa não tiver tamanho. Retorna null se a OverlayView estiver em um StreetViewPanorama. |
getWorldWidth |
getWorldWidth() Parâmetros:nenhum
Valor de retorno:
number A largura do mundo em pixels no nível de zoom atual. Para projeções com um ângulo de direção de 90 ou 270 graus, isso corresponde à extensão de pixel no eixo Y. |