Advanced Markers

Klasa AdvancedMarkerElement

Klasa google.maps.marker.AdvancedMarkerElement

Pokazuje pozycję na mapie. Pamiętaj, że aby właściwość AdvancedMarkerElement była widoczna, należy ustawić position.

Uwaga: użycie jako komponentu internetowego (np. przy użyciu niestandardowego elementu HTML <gmp-advanced-marker> jest dostępne tylko w kanale v=beta).

Element niestandardowy:
<gmp-advanced-marker position="lat,lng" title="string"></gmp-advanced-marker>

Te zajęcia obejmują HTMLElement.

Te zajęcia implementują AdvancedMarkerElementOptions.

Zadzwoń pod numer const {AdvancedMarkerElement} = await google.maps.importLibrary("marker"), aby uzyskać dostęp. Zobacz biblioteki w interfejsie Maps JavaScript API.

Zespół
AdvancedMarkerElement	AdvancedMarkerElement([options]) Parametry:  options:  AdvancedMarkerElementOptions optional Tworzy element AdvancedMarkerElement z określonymi opcjami. Jeśli określisz mapę, obiekt AdvancedMarkerElement zostanie dodany do mapy podczas tworzenia.

Właściwości
collisionBehavior	Typ:  CollisionBehavior optional Zobacz AdvancedMarkerElementOptions.collisionBehavior.
content	Typ:  Node optional Zobacz AdvancedMarkerElementOptions.content.
element	Typ:  HTMLElement To pole jest tylko do odczytu. Element DOM tworzący widok.
gmpDraggable	Typ:  boolean optional Zobacz AdvancedMarkerElementOptions.gmpDraggable.
map	Typ:  Map optional Zobacz AdvancedMarkerElementOptions.map.
position	Typ:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Zobacz AdvancedMarkerElementOptions.position. Atrybut HTML: <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker> <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title	Typ:  string Zobacz AdvancedMarkerElementOptions.title. Atrybut HTML: <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex	Typ:  number optional Zobacz AdvancedMarkerElementOptions.zIndex.

Metody
addEventListener	Uwaga: opcja dostępna tylko w kanale v=beta. addEventListener(type, listener[, options]) Parametry:  type:  string wielkość liter w nagłówku oznacza typ zdarzenia, które ma być nasłuchiwane. listener:  EventListener|EventListenerObject obiekt, który otrzymuje powiadomienia. Musi to być funkcja lub obiekt z metodą handleEvent options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko zdarzenia capture i passive. Wartość zwrotu:  void Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener
addListener	addListener(eventName, handler) Parametry:  eventName:  string Odnotowane zdarzenie. handler:  Function funkcja obsługi zdarzeń. Zwracana wartość:  MapsEventListener detektor zdarzeń. Dodaje podaną funkcję detektora do nazwy zdarzenia w systemie zdarzeń map.
removeEventListener	Uwaga: opcja dostępna tylko w kanale v=beta. removeEventListener(type, listener[, options]) Parametry:  type:  string to ciąg znaków określający typ zdarzenia, dla którego chcesz usunąć detektor. listener:  EventListener|EventListenerObject odbiornik zdarzenia modułu obsługi zdarzeń, które chcesz usunąć z celu zdarzenia options:  boolean|EventListenerOptions optional Zobacz opcje Wartość zwrotu:  void Usuwa odbiornik zarejestrowany wcześniej w usłudze addEventListener z poziomu elementu docelowego. Zobacz removeEventListener

Zdarzenia
click	function(event) Argumenty:  event:  MapMouseEvent To zdarzenie jest wywoływane po kliknięciu elementu AdvancedMarkerElement. Niedostępny w aplikacji addEventListener() (zamiast niej użyj: gmp-click).
drag	function(event) Argumenty:  event:  MapMouseEvent To zdarzenie jest wywoływane wielokrotnie, gdy użytkownik przeciągnij element AdvancedMarkerElement. Funkcja jest niedostępna w aplikacji addEventListener().
dragend	function(event) Argumenty:  event:  MapMouseEvent To zdarzenie jest wywoływane, gdy użytkownik przestaje przeciągać element AdvancedMarkerElement. Funkcja jest niedostępna w aplikacji addEventListener().
dragstart	function(event) Argumenty:  event:  MapMouseEvent To zdarzenie jest wywoływane, gdy użytkownik zacznie przeciągać element AdvancedMarkerElement. Funkcja jest niedostępna w aplikacji addEventListener().
gmp-click	Uwaga: opcja dostępna tylko w kanale v=beta. function(event) Argumenty:  event:  AdvancedMarkerClickEvent To zdarzenie jest wywoływane po kliknięciu elementu AdvancedMarkerElement. Najlepiej sprawdza się przy użyciu atrybutu addEventListener() (zamiast addListener()).

Interfejs AdvancedMarkerElementOptions

google.maps.marker.AdvancedMarkerElementOptions interfejs

Opcje tworzenia komponentu AdvancedMarkerElement.

Właściwości
collisionBehavior optional	Typ:  CollisionBehavior optional Liczba określająca, w jaki sposób AdvancedMarkerElement powinien zachowywać się w przypadku zderzenia z innym elementem AdvancedMarkerElement lub z mapą bazową na mapie wektorowej. Uwaga: kolizja AdvancedMarkerElement od AdvancedMarkerElement działa zarówno w przypadku map rastrowych, jak i wektorowych, ale ustawienie AdvancedMarkerElement w przypadku kolizji etykiet mapy podstawowej działa tylko na mapach wektorowych.
content optional	Typ:  Node optional Domyślne: PinElement.element Element DOM tworzący wygląd elementu AdvancedMarkerElement. Uwaga: AdvancedMarkerElement nie kopiuje przekazywanego elementu DOM. Po przesłaniu elementu DOM do elementu AdvancedMarkerElement przesłanie tego samego elementu DOM do innego obiektu AdvancedMarkerElement spowoduje przeniesienie elementu DOM, przez co poprzedni element AdvancedMarkerElement będzie wyglądał na pusty.
gmpDraggable optional	Typ:  boolean optional Domyślne: false Jeśli zasada true, AdvancedMarkerElement można przeciągnąć. Uwaga: wysokości AdvancedMarkerElement nie można przeciągać.
map optional	Typ:  Map optional Mapa, na której wyświetla się AdvancedMarkerElement. Mapa jest niezbędna do wyświetlenia obiektu AdvancedMarkerElement. Jeśli nie została podana na etapie tworzenia, może zostać ustawiona przez ustawienie AdvancedMarkerElement.map.
position optional	Typ:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Ustawia pozycję obiektu AdvancedMarkerElement. AdvancedMarkerElement można utworzyć bez pozycji, ale nie będzie on wyświetlany, dopóki użytkownik nie poda swojej pozycji, np. na podstawie działań lub wyborów użytkownika. Pozycja AdvancedMarkerElement można podać, ustawiając AdvancedMarkerElement.position, jeśli nie podano jej w budowie. Uwaga: ustawienie AdvancedMarkerElement na wysokości jest obsługiwane tylko na mapach wektorowych.
title optional	Typ:  string optional Tekst po najechaniu kursorem. Jeśli podasz tekst ułatwień dostępu (np. na potrzeby czytników ekranu), do AdvancedMarkerElement zostanie wpisana podana wartość.
zIndex optional	Typ:  number optional Wszystkie AdvancedMarkerElement są wyświetlane na mapie w kolejności ich kolejności nakładania elementów, przy czym wyższe wartości wyświetlają się przed elementem AdvancedMarkerElement o niższych wartościach. Domyślnie elementy (AdvancedMarkerElement) są wyświetlane zgodnie z ich pionową orientacją na ekranie, a niższe AdvancedMarkerElement mają przed sobą dalszy ciąg.AdvancedMarkerElement Pamiętaj, że parametr zIndex służy też do określania względnego priorytetu między zaawansowanymi znacznikami CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY. Wyższa wartość zIndex wskazuje wyższy priorytet.

Klasa AdvancedMarkerClickEvent

Klasa google.maps.marker.AdvancedMarkerClickEvent

Uwaga: opcja dostępna tylko w kanale v=beta.

To zdarzenie jest tworzone po kliknięciu zaawansowanego znacznika. Określ pozycję znacznika za pomocą event.target.position.

Te zajęcia obejmują Event.

Zadzwoń pod numer const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker"), aby uzyskać dostęp. Zobacz biblioteki w interfejsie Maps JavaScript API.

Klasa PinElement

Klasa google.maps.marker.PinElement

PinElement reprezentuje element DOM składający się z kształtu i glifu. Kształt ma ten sam styl balonu co w domyślnym elemencie AdvancedMarkerElement. Glif to opcjonalny element DOM wyświetlany w kształcie dymków. PinElement może mieć inny współczynnik proporcji w zależności od elementu PinElement.scale.

Uwaga: użycie jako komponentu internetowego (np. przez wykorzystanie klasy podrzędnej HTMLElement lub przez HTML) nie jest jeszcze obsługiwane.

Te zajęcia obejmują HTMLElement.

Te zajęcia implementują PinElementOptions.

Zadzwoń pod numer const {PinElement} = await google.maps.importLibrary("marker"), aby uzyskać dostęp. Zobacz biblioteki w interfejsie Maps JavaScript API.

Zespół
PinElement	PinElement([options]) Parametry:  options:  PinElementOptions optional

Właściwości
background	Typ:  string optional Zobacz PinElementOptions.background.
borderColor	Typ:  string optional Zobacz PinElementOptions.borderColor.
element	Typ:  HTMLElement To pole jest tylko do odczytu. Element DOM tworzący widok.
glyph	Typ:  string|Element|URL optional Zobacz PinElementOptions.glyph.
glyphColor	Typ:  string optional Zobacz PinElementOptions.glyphColor.
scale	Typ:  number optional Zobacz PinElementOptions.scale.

Metody
addEventListener	Uwaga: opcja dostępna tylko w kanale v=beta. addEventListener(type, listener[, options]) Parametry:  type:  string listener:  EventListener|EventListenerObject options:  boolean|AddEventListenerOptions optional Wartość zwrotu:  void Ta funkcja nie jest jeszcze dostępna do użycia.
removeEventListener	Uwaga: opcja dostępna tylko w kanale v=beta. removeEventListener(type, listener[, options]) Parametry:  type:  string to ciąg znaków określający typ zdarzenia, dla którego chcesz usunąć detektor. listener:  EventListener|EventListenerObject odbiornik zdarzenia modułu obsługi zdarzeń, które chcesz usunąć z celu zdarzenia options:  boolean|EventListenerOptions optional Zobacz opcje Wartość zwrotu:  void Usuwa odbiornik zarejestrowany wcześniej w usłudze addEventListener z poziomu elementu docelowego. Zobacz removeEventListener

Interfejs PinElementOptions

google.maps.marker.PinElementOptions interfejs

Opcje tworzenia instancji PinElement.

Właściwości
background optional	Typ:  string optional Kolor tła kształtu pinezki. Obsługuje dowolną wartość koloru CSS.
borderColor optional	Typ:  string optional Kolor obramowania kształtu pinezki. Obsługuje dowolną wartość koloru CSS.
glyph optional	Typ:  string|Element|URL optional Element DOM wyświetlany na pinezki.
glyphColor optional	Typ:  string optional Kolor glifu. Obsługuje dowolną wartość koloru CSS.
scale optional	Typ:  number optional Domyślne: 1 Skala pinezki.