Advanced Markers

Classe AdvancedMarkerElement

google.maps.marker.AdvancedMarkerElement classe

Mostra una posizione su una mappa. Tieni presente che position deve essere impostato per la visualizzazione di AdvancedMarkerElement.

Elemento personalizzato:
<gmp-advanced-marker gmp-clickable position="lat,lng" title="string"></gmp-advanced-marker>

Questo corso si estende HTMLElement.

Questa classe implementa AdvancedMarkerElementOptions.

Accesso chiamando il numero const {AdvancedMarkerElement} = await google.maps.importLibrary("marker").
Consulta Librerie nell'API Maps JavaScript.

Proprietà
collisionBehavior	Tipo:  CollisionBehavior optional Leggi i AdvancedMarkerElementOptions.collisionBehavior.
gmpClickable	Tipo:  boolean optional Leggi i AdvancedMarkerElementOptions.gmpClickable. Attributo HTML: <gmp-advanced-marker gmp-clickable></gmp-advanced-marker>
gmpDraggable	Tipo:  boolean optional Leggi i AdvancedMarkerElementOptions.gmpDraggable.
map	Tipo:  Map optional Leggi i AdvancedMarkerElementOptions.map.
position	Tipo:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Leggi i AdvancedMarkerElementOptions.position. Attributo HTML: <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker> <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title	Tipo:  string Leggi i AdvancedMarkerElementOptions.title. Attributo HTML: <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex	Tipo:  number optional Leggi i AdvancedMarkerElementOptions.zIndex.
element	Tipo:  HTMLElement Questo campo è di sola lettura. L'elemento DOM che supporta la visualizzazione.
content	Tipo:  Node optional Leggi i AdvancedMarkerElementOptions.content.

Eventi
click	function(event) Argomenti:  event:  MapMouseEvent Questo evento viene attivato quando viene fatto clic sull'elemento AdvancedMarkerElement. Non disponibile con addEventListener() (utilizza gmp-click).
drag	function(event) Argomenti:  event:  MapMouseEvent Questo evento viene attivato ripetutamente mentre l'utente trascina AdvancedMarkerElement. Non disponibile con addEventListener().
dragend	function(event) Argomenti:  event:  MapMouseEvent Questo evento viene attivato quando l'utente smette di trascinare AdvancedMarkerElement. Non disponibile con addEventListener().
dragstart	function(event) Argomenti:  event:  MapMouseEvent Questo evento viene attivato quando l'utente inizia a trascinare AdvancedMarkerElement. Non disponibile con addEventListener().
gmp-click	function(event) Argomenti:  event:  AdvancedMarkerClickEvent Questo evento viene attivato quando viene fatto clic sull'elemento AdvancedMarkerElement. Da utilizzare preferibilmente con addEventListener() (anziché addListener()).

Interfaccia AdvancedMarkerElementOptions

google.maps.marker.AdvancedMarkerElementOptions interfaccia

Opzioni per la creazione di un AdvancedMarkerElement.

Proprietà
collisionBehavior optional	Tipo:  CollisionBehavior optional Un'enumerazione che specifica il comportamento di un AdvancedMarkerElement quando entra in collisione con un altro AdvancedMarkerElement o con le etichette della basemap su una mappa vettoriale. Nota: la collisione da AdvancedMarkerElement a AdvancedMarkerElement funziona sia su mappe raster che vettoriali, mentre la collisione da AdvancedMarkerElement all'etichetta della mappa di base funziona solo su mappe vettoriali.
content optional	Tipo:  Node optional Predefinito: PinElement.element L'elemento DOM che supporta l'aspetto visivo di un AdvancedMarkerElement. Nota: AdvancedMarkerElement non clona l'elemento DOM passato. Una volta passato l'elemento DOM a un AdvancedMarkerElement, il passaggio dello stesso elemento DOM a un altro AdvancedMarkerElement sposterà l'elemento DOM e farà sembrare vuoto il AdvancedMarkerElement precedente.
gmpClickable optional	Tipo:  boolean optional Predefinito: false Se true, il AdvancedMarkerElement sarà cliccabile e attiverà l'evento gmp-click e sarà interattivo per scopi di accessibilità (ad es. consentendo la navigazione da tastiera tramite i tasti freccia).
gmpDraggable optional	Tipo:  boolean optional Predefinito: false Se true, AdvancedMarkerElement può essere trascinato. Nota: AdvancedMarkerElement con l'altitudine non è trascinabile.
map optional	Tipo:  Map optional Mappa su cui visualizzare AdvancedMarkerElement. La mappa è necessaria per visualizzare AdvancedMarkerElement e può essere fornita impostando AdvancedMarkerElement.map se non è stata fornita durante la creazione.
position optional	Tipo:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Imposta la posizione di AdvancedMarkerElement. Un AdvancedMarkerElement può essere creato senza una posizione, ma non verrà visualizzato finché non viene fornita la posizione, ad esempio dalle azioni o dalle scelte di un utente. La posizione di un AdvancedMarkerElement può essere fornita impostando AdvancedMarkerElement.position se non è stata fornita durante la costruzione. Nota: AdvancedMarkerElement con altitudine è supportato solo sulle mappe vettoriali.
title optional	Tipo:  string optional Testo rollover. Se fornito, al tag AdvancedMarkerElement verrà aggiunto un testo di accessibilità (ad es. per l'utilizzo con screen reader) con il valore fornito.
zIndex optional	Tipo:  number optional Tutti i AdvancedMarkerElement vengono visualizzati sulla mappa in base al relativo zIndex, con i valori più alti visualizzati davanti ai AdvancedMarkerElement con valori più bassi. Per impostazione predefinita, i AdvancedMarkerElement vengono visualizzati in base alla loro posizione verticale sullo schermo, con i AdvancedMarkerElement più in basso che appaiono davanti ai AdvancedMarkerElement più in alto sullo schermo. Tieni presente che zIndex viene utilizzato anche per determinare la priorità relativa tra i CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY indicatori avanzati. Un valore di zIndex più alto indica una priorità più elevata.

Classe AdvancedMarkerClickEvent

google.maps.marker.AdvancedMarkerClickEvent classe

Questo evento viene creato facendo clic su un indicatore avanzato. Accedi alla posizione del marcatore con event.target.position.

Questo corso si estende Event.

Accesso chiamando il numero const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker").
Consulta Librerie nell'API Maps JavaScript.

PinElement class

google.maps.marker.PinElement classe

Un PinElement rappresenta un elemento DOM costituito da una forma e un glifo. La forma ha lo stesso stile di fumetto visto nel AdvancedMarkerElement predefinito. Il glifo è un elemento DOM facoltativo visualizzato nella forma a palloncino. Un PinElement potrebbe avere un formato diverso a seconda del PinElement.scale.

Nota:l'utilizzo come componente web (ad esempio come sottoclasse HTMLElement o tramite HTML) non è ancora supportato.

Questo corso si estende HTMLElement.

Questa classe implementa PinElementOptions.

Accesso chiamando il numero const {PinElement} = await google.maps.importLibrary("marker").
Consulta Librerie nell'API Maps JavaScript.

Metodi
addEventListener	addEventListener(type, listener[, options]) Parametri:  type:  string listener:  EventListener|EventListenerObject options:  boolean|AddEventListenerOptions optional Valore restituito:  void Questa funzione non è ancora disponibile per l'utilizzo.
removeEventListener	removeEventListener(type, listener[, options]) Parametri:  type:  string una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi. listener:  EventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento. options:  boolean|EventListenerOptions optional vedi le opzioni. Valore restituito:  void Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PinElementOptions

google.maps.marker.PinElementOptions interfaccia

Opzioni per la creazione di un PinElement.