DOM elements

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Classe OverlayView

Classe google.maps.OverlayView

Implemente essa classe se quiser exibir tipos personalizados de objetos de sobreposição no mapa.

Herdar desta classe definindo o protótipo da sobreposição: MyOverlay.prototype = new google.maps.OverlayView();. O construtor OverlayView é uma função vazia.

Você precisa implementar três métodos: onAdd(), draw() e onRemove().

  • No método onAdd(), você precisa criar objetos DOM e anexá-los como filhos dos painéis.
  • No método draw(), posicione esses elementos.
  • No método onRemove(), remova os objetos do DOM.
Chame 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 a qualquer momento depois que a sobreposição for exibida novamente após a remoção. O método draw() será chamado sempre que uma propriedade do mapa mudar, o que poderá mudar a posição do elemento, como o zoom, o centro ou o tipo de mapa.

Essa classe estende MVCObject.

OverlayView
OverlayView()
Parâmetros:nenhum
Crie um OverlayView.
preventMapHitsAndGesturesFrom
preventMapHitsAndGesturesFrom(element)
Parâmetros:
Valor de retorno:nenhum
Para que os eventos de clique, toque, arraste e roda no elemento surjam no mapa. Use este método para impedir que o mapa seja arrastado e aumente o zoom, bem como os eventos de "clique"
preventMapHitsFrom
preventMapHitsFrom(element)
Parâmetros:
Valor de retorno: nenhum
interrompe o clique ou toque no elemento que surge no mapa. Use essa opção para impedir que o mapa acione eventos "click"
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 ao MapPanes. Esse método é chamado após onAdd() e é chamado em mudança de zoom ou centro. Não é recomendável fazer um trabalho computacionalmente caro 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 a onAdd seja chamada 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.
Herdados: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

Interface MapPanes

Interface google.maps.MapPanes

floatPane
Tipo:Element
Este painel contém a janela de informações. Ela está acima de todas as sobreposições do mapa. (Painel 4).
mapPane
Tipo:Element
Este painel é o mais baixo e fica acima dos blocos. Ela não recebe eventos DOM. (Painel 0).
markerLayer
Tipo: Element
Este painel contém marcadores. Ela 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. Ela não recebe eventos DOM. (Painel 1).
overlayMouseTarget
Tipo: Element
Esse painel contém elementos que recebem eventos DOM. (Painel 3).

Interface MapCanvasDesign (em inglês)

Interface google.maps.MapCanvasProjection

Esse objeto é disponibilizado para OverlayView dentro do método de desenho. A inicialização até que draw seja chamado não é garantida.

fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
Parâmetros:
  • pixel: Point optional
  • noClampNoWrap: boolean optional
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:
  • pixel: Point optional
  • noClampNoWrapboolean optional
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 especificado 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
A região visível do mapa. Retorna null se o mapa não tiver tamanho. Retornará null se 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 pixels no eixo Y.