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|nullRetorna 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:
MapCanvasProjectionRetorna 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:
ElementEste painel contém a janela de informações. Fica acima de todas as sobreposições do mapa (Painel 4). |
mapPane |
Tipo:
ElementEste é o painel mais baixo e fica acima dos blocos. Ele não recebe eventos DOM. (painel 0). |
markerLayer |
Tipo:
ElementEsse painel contém marcadores. Ele não recebe eventos DOM. (painel 2). |
overlayLayer |
Tipo:
ElementEste 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:
ElementEsse 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|nullCalcula as coordenadas geográficas a partir das coordenadas em pixels no recipiente do mapa. |
fromDivPixelToLatLng |
fromDivPixelToLatLng(pixel[, noClampNoWrap])Parâmetros:
Valor de retorno:
LatLng|nullCalcula 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|nullCalcula 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|nullCalcula 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|nullRegiã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:
numberA 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. |