DOM elements

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

Klasa NakładkaView

Klasa google.maps.OverlayView

Możesz wdrożyć tę klasę, jeśli chcesz wyświetlać na mapie niestandardowe typy nakładek.

Dziedzicz po zajęciach, korzystając z prototypu nakładki: MyOverlay.prototype = new google.maps.OverlayView();. Gwarantuje to konstruktor OverlayView, który jest pusty.

Musisz zaimplementować 3 metody: onAdd(), draw() i onRemove().

  • W metodzie onAdd() utwórz obiekty DOM i dołącz je jako elementy podrzędne paneli.
  • W metodzie draw() umieść te elementy.
  • W metodzie onRemove() należy usunąć obiekty z modelu DOM.
Musisz wywołać metodę setMap() z prawidłowym obiektem Map, aby wywołać metodę onAdd(), a setMap(null), aby wywołać metodę onRemove(). Metoda setMap() może zostać wywołana w momencie tworzenia witryny lub w dowolnym momencie po jej usunięciu, gdy należy ponownie wyświetlić nakładkę. Metoda draw() jest wywoływana za każdym razem, gdy nastąpi zmiana właściwości mapy, która może zmienić położenie elementu, np. powiększenie, środek lub typ mapy.

Klasa obejmuje MVCObject.

OverlayView
OverlayView()
Parametry: brak
Tworzy OverlayView.
preventMapHitsAndGesturesFrom
preventMapHitsAndGesturesFrom(element)
Parametry:
Wartość zwrotu: brak
Zatrzymuje zdarzenia kliknięcia, kliknięcia, przeciągnięcia i kółka elementu w wyskakujących miejscach na mapie. Służy do ochrony przed przeciąganiem i powiększaniem map oraz zdarzeniami kliknięcia „mapą”.
preventMapHitsFrom
preventMapHitsFrom(element)
Parametry:
Wartość zwrotu: brak
Kliknięcie elementu nie powoduje jego przesuwania się w górę do mapy. Pozwala to zapobiec wywoływaniu przez mapy zdarzeń „kliknięć”.
draw
draw()
Parametry: brak
Wartość zwrotu: brak
Zaimplementuj tę metodę, aby rysować lub aktualizować nakładki. Użyj położenia z projektu z projektu.fromLatLngToDivPixel(), aby prawidłowo ustawić nakładkę w stosunku do mapPanes. Ta metoda jest wywoływana po funkcji onAdd(), która jest wywoływana po zmianie powiększenia lub środka. W tej metodzie nie zaleca się wykonywania kosztownych obliczeń.
getMap
getMap()
Parametry: brak
Wartość zwrotu: Map|StreetViewPanorama
getPanes
getPanes()
Parametry: brak
Wartość zwrotu: MapPanes|null
Zwraca panele, w których można wyrenderować ten nakładka. Panele nie zostaną zainicjowane, dopóki interfejs API nie wywoła wywołania onAdd.
getProjection
getProjection()
Parametry: brak
Wartość zwrotu: MapCanvasProjection
Zwraca obiekt MapCanvasProjection powiązany z tym elementem OverlayView. Przewidywanie nie zostanie zainicjowane, dopóki interfejs API nie wywoła wywołania onAdd.
onAdd
onAdd()
Parametry: brak
Wartość zwrotu: brak
Zaimplementuj tę metodę, aby zainicjować elementy nakładki DOM. Ta metoda jest wywoływana raz po wywołaniu setMap() z prawidłową mapą. W tym momencie panele i projekcja zostaną zainicjowane.
onRemove
onRemove()
Parametry: brak
Wartość zwrotu: brak
Zaimplementuj tę metodę, aby usunąć elementy z elementu DOM. Ta metoda jest wywoływana raz po wywołaniu setMap(null).
setMap
setMap(map)
Parametry:
  • mapMap|StreetViewPanorama optional mapa lub panorama. Jeśli wybrano null, warstwa zostanie usunięta.
Wartość zwrotu: brak
Dodaje nakładkę do mapy lub panorama.
Dziedziczone: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

MapPanes Interfejs

google.maps.MapPanes interfejs

floatPane
Typ: Element
Ten panel zawiera okno informacyjne. To jest nad wszystkimi nakładkami na mapie. (Pan 4).
mapPane
Typ: Element
Ten panel jest najniższym elementem i znajduje się nad kafelkami. Nie otrzymuje zdarzeń DOM. (Pan 0).
markerLayer
Typ: Element
To panel zawiera znaczniki. Nie otrzymuje zdarzeń DOM. (Pan 2).
overlayLayer
Typ: Element
Okienko zawiera linie łamane, wielokąty, nakładki na powierzchnię oraz nakładki z kafelkami. Nie otrzymuje zdarzeń DOM. (Pan 1).
overlayMouseTarget
Typ: Element
Ten panel zawiera elementy, które otrzymują zdarzenia DOM. (Pan 3).

Interfejs MapCanvasProjection

google.maps.MapCanvasProjection interfejs

Ten obiekt jest dostępny dla OverlayView w metodzie rysowania. Nie ma gwarancji, że nie zostanie zainicjowana, dopóki nie zostanie wywołana rysowanie.

fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
Parametry:
  • pixelPoint optional
  • noClampNoWrapboolean optional
Wartość zwrotu: LatLng|null
Oblicza współrzędne geograficzne na podstawie współrzędnych piksela w kontenerze mapy.
fromDivPixelToLatLng
fromDivPixelToLatLng(pixel[, noClampNoWrap])
Parametry:
  • pixel: Point optional
  • noClampNoWrapboolean optional
Wartość zwrotu: LatLng|null
Oblicza współrzędne geograficzne na podstawie współrzędnych piksela w elemencie div, w którym znajduje się przeciągana mapa.
fromLatLngToContainerPixel
fromLatLngToContainerPixel(latLng)
Parametry:
Wartość zwrotu: Point|null
Oblicza współrzędne piksela w określonej lokalizacji geograficznej w kontenerze mapy.
fromLatLngToDivPixel
fromLatLngToDivPixel(latLng)
Parametry:
Wartość zwrotu: Point|null
Oblicza współrzędne piksela w określonej lokalizacji geograficznej w elemencie DOM, w którym znajduje się przeciągana mapa.
getVisibleRegion
getVisibleRegion()
Parametry: brak
Wartość zwrotu: VisibleRegion|null
Widoczny region mapy. Zwraca wartość null, jeśli mapa nie ma określonego rozmiaru. Zwraca wartość null, jeśli w nagłówku Street View znajduje się element NakładkaView.
getWorldWidth
getWorldWidth()
Parametry: brak
Wartość zwrotu: number
Szerokość świata w pikselach na bieżącym poziomie powiększenia. W przypadku odwzorowania kąta nachylenia wynosi 90 lub 270 stopni, odpowiada ono rozpiętości pikseli na osi Y.