Places Widgets

PlaceAutocompleteElement class

google.maps.places.PlaceAutocompleteElement classe

PlaceAutocompleteElement è una sottoclasse di HTMLElement che fornisce un componente UI per l'API Places Autocomplete.

PlaceAutocompleteElement utilizza internamente AutocompleteSessionToken per raggruppare le fasi di query e selezione della ricerca di completamento automatico di un utente.

La prima chiamata a Place.fetchFields su un Place restituito da PlacePrediction.toPlace includerà automaticamente il token di sessione utilizzato per recuperare PlacePrediction.

Per saperne di più su come funzionano le sessioni, consulta la pagina https://developers.google.com/maps/documentation/places/web-service/place-session-tokens.

Elemento personalizzato:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceAutocompleteElementOptions.

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

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
Parametri: 
includedPrimaryTypes
Tipo:  Array<string> optional
Tipo di luogo principale incluso (ad esempio "ristorante" o "stazione di servizio").

Un luogo viene restituito solo se il suo tipo principale è incluso in questo elenco. È possibile specificare fino a 5 valori. Se non vengono specificati tipi, vengono restituiti tutti i tipi di luoghi.
Attributo HTML:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
Tipo:  Array<string> optional
Includi solo i risultati nelle regioni specificate, indicate come massimo 15 codici di regione CLDR di due caratteri. Un insieme vuoto non limiterà i risultati. Se sono impostati sia locationRestriction sia includedRegionCodes, i risultati si troveranno nell'area di intersezione.
Attributo HTML:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
Tipo:  LocationBias optional
Un confine o un suggerimento da utilizzare durante la ricerca di luoghi.
locationRestriction
Tipo:  LocationRestriction optional
Confini per limitare i risultati di ricerca.
name
Tipo:  string optional
Il nome da utilizzare per l'elemento di input. Per i dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name. Segue lo stesso comportamento dell'attributo nome per gli input. Tieni presente che questo è il nome che verrà utilizzato quando viene inviato un modulo. Per i dettagli, vai alla pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form.
Attributo HTML:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
L'origine da cui calcolare la distanza. Se non specificata, la distanza non viene calcolata. L'altitudine, se fornita, non viene utilizzata nel calcolo.
Attributo HTML:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
Tipo:  string optional
Un identificatore di lingua per la lingua in cui devono essere restituiti i risultati, se possibile. Ai risultati nella lingua selezionata potrebbe essere assegnato un ranking più elevato, ma i suggerimenti non sono limitati a questa lingua. Consulta l'elenco delle lingue supportate.
Attributo HTML:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
Tipo:  string optional
Un codice regione utilizzato per la formattazione e il filtraggio dei risultati. Non limita i suggerimenti a questo paese. Il codice regione accetta un valore di due caratteri ccTLD ("dominio di primo livello"). La maggior parte dei codici ccTLD sono identici ai codici ISO 3166-1, con alcune eccezioni degne di nota. Ad esempio, il TLD nazionale del Regno Unito è "uk " (.co.uk), mentre il suo codice ISO 3166-1 è"gb " (tecnicamente per l'entità "Regno Unito di Gran Bretagna e Irlanda del Nord").
Attributo HTML:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
Tipo:  UnitSystem optional
Il sistema di unità di misura utilizzato per visualizzare le distanze. Se non specificato, il sistema di unità viene determinato da requestedRegion.
Attributo HTML:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item
Un elemento nel menu a discesa delle previsioni che rappresenta una singola previsione.
prediction-item-icon
L'icona visualizzata a sinistra di ogni elemento nell'elenco dei suggerimenti.
prediction-item-main-text
Una parte dell'elemento di previsione che costituisce il testo principale della previsione. Per le località geografiche, contiene il nome di un luogo, ad esempio "Sydney", o il nome e il numero di una via, ad esempio "Via del Re, 10". Per impostazione predefinita, il testo principale dell'elemento di previsione è nero. Se nell'elemento di previsione è presente altro testo, questo si trova al di fuori di prediction-item-main-text e eredita lo stile da prediction-item. Per impostazione predefinita è colorato di grigio. Il testo aggiuntivo è in genere un indirizzo.
prediction-item-match
La parte della previsione restituita che corrisponde all'input dell'utente. Per impostazione predefinita, questo testo corrispondente viene evidenziato in grassetto. Tieni presente che il testo corrispondente può trovarsi ovunque all'interno di prediction-item. Non fa necessariamente parte di prediction-item-main-text.
prediction-item-selected
L'elemento quando l'utente lo seleziona tramite la tastiera. Nota: gli elementi selezionati saranno interessati sia dagli stili delle parti che dagli stili delle parti degli elementi di previsione.
prediction-list
L'elemento visivo contenente l'elenco delle previsioni restituite dal servizio Place Autocomplete. Questo elenco viene visualizzato come elenco a discesa sotto PlaceAutocompleteElement.
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.
gmp-error
function(errorEvent)
Argomenti: 
Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non viene propagato.
gmp-select
function(placePredictionSelectEvent)
Argomenti: 
Questo evento viene attivato quando un utente seleziona una previsione del luogo. Contiene un oggetto PlacePrediction che può essere convertito in un oggetto Place.

PlaceAutocompleteElementOptions

google.maps.places.PlaceAutocompleteElementOptions interfaccia

Opzioni per la creazione di un elemento PlaceAutocompleteElement. Per la descrizione di ogni proprietà, fai riferimento alla proprietà con lo stesso nome nella classe PlaceAutocompleteElement.

locationBias optional
Tipo:  LocationBias optional
locationRestriction optional
Tipo:  LocationRestriction optional
name optional
Tipo:  string optional
requestedLanguage optional
Tipo:  string optional

Classe PlacePredictionSelectEvent

google.maps.places.PlacePredictionSelectEvent classe

Questo evento viene creato dopo che l'utente seleziona un elemento di previsione con PlaceAutocompleteElement. Accedi alla selezione con event.placePrediction.

Converti placePrediction in un Place chiamando PlacePrediction.toPlace.

Questo corso si estende Event.

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

placePrediction
Converti questo abbonamento in un abbonamento Place chiamando il numero PlacePrediction.toPlace.

PlaceAutocompleteRequestErrorEvent class

google.maps.places.PlaceAutocompleteRequestErrorEvent classe

Questo evento viene emesso da PlaceAutocompleteElement quando si verifica un problema con la richiesta di rete.

Questo corso si estende Event.

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

Classe PlaceContextualElement

google.maps.places.PlaceContextualElement classe

Un widget che utilizza il token di contesto per visualizzare una visualizzazione contestuale della risposta di Grounding con Google Maps.

Elemento personalizzato:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceContextualElementOptions.

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

contextToken
Tipo:  string optional
Il token di contesto.
Attributo HTML:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceContextualElementOptions

google.maps.places.PlaceContextualElementOptions interfaccia

Opzioni per PlaceContextualElement.

contextToken optional
Tipo:  string optional
Il token di contesto fornito dalla risposta di Grounding con Google Maps.

Classe PlaceContextualListConfigElement

google.maps.places.PlaceContextualListConfigElement classe

Un elemento HTML che configura le opzioni per la visualizzazione elenco dell'elemento contestuale del luogo.

Elemento personalizzato:
<gmp-place-contextual-list-config layout="compact" map-hidden></gmp-place-contextual-list-config>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceContextualListConfigElementOptions.

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

layout
Tipo:  PlaceContextualListLayout optional
Il layout.
Attributo HTML:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
Tipo:  boolean optional
Indica se la mappa è nascosta.
Attributo HTML:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceContextualListConfigElementOptions

google.maps.places.PlaceContextualListConfigElementOptions interfaccia

Opzioni per PlaceContextualListConfigElement.

layout optional
Tipo:  PlaceContextualListLayout optional
Il layout. Il valore predefinito è PlaceContextualListLayout.VERTICAL.
mapHidden optional
Tipo:  boolean optional
Indica se la mappa è nascosta. Il valore predefinito è false, ovvero la mappa viene mostrata.

PlaceContextualListLayout costanti

google.maps.places.PlaceContextualListLayout costanti

L'elenco dei layout supportati dall'elemento contestuale del luogo per la visualizzazione elenco.

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

COMPACT Layout elenco compatto: gli elementi dell'elenco vengono visualizzati come link su una sola riga, con i contenuti in eccesso in un elenco a discesa.
VERTICAL Layout elenco verticale: gli elementi dell'elenco vengono visualizzati come schede in un elenco verticale.

PlaceDetailsElement class

google.maps.places.PlaceDetailsElement classe

Un elemento HTML che mostra i dettagli di un luogo. Utilizza i metodi configureFromPlace() o configureFromLocation() per specificare i contenuti da visualizzare. Per utilizzare l'elemento Dettagli luogo, attiva l'API Places UI Kit per il tuo progetto in Google Cloud Console.

Elemento personalizzato:
<gmp-place-details size="small"></gmp-place-details>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceDetailsElementOptions.

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

PlaceDetailsElement
PlaceDetailsElement([options])
Parametri: 
place
Tipo:  Place optional
Sola lettura. Oggetto Place contenente l'ID, la posizione e la finestra di visualizzazione del luogo attualmente visualizzato.
size
Tipo:  PlaceDetailsSize optional
La variante di dimensione di PlaceDetailsElement. Per impostazione predefinita, l'elemento mostrerà PlaceDetailsSize.X_LARGE.
Attributo HTML:
  • <gmp-place-details size="small"></gmp-place-details>
  • <gmp-place-details size="medium"></gmp-place-details>
  • <gmp-place-details size="large"></gmp-place-details>
  • <gmp-place-details size="x-large"></gmp-place-details>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
configureFromLocation
configureFromLocation(location)
Parametri: 
Valore restituito:  Promise<void> una promessa che viene risolta una volta caricati e visualizzati i dati del luogo.
Configura il widget da un LatLng utilizzando il geocoding inverso.
configureFromPlace
configureFromPlace(place)
Parametri: 
  • placePlace|{id:string} il luogo per cui visualizzare i dettagli.
Valore restituito:  Promise<void> una promessa che viene risolta una volta caricati e visualizzati i dati del luogo.
Configura il widget da un oggetto Place o da un ID luogo.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.
gmp-load
function(event)
Argomenti: 
Questo evento viene attivato quando l'elemento carica e visualizza i suoi contenuti. Questo evento non viene propagato.
gmp-requesterror
function(event)
Argomenti: 
Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non viene propagato.

PlaceDetailsElementOptions interfaccia

google.maps.places.PlaceDetailsElementOptions interfaccia

Opzioni per PlaceDetailsElement.

size optional
Tipo:  PlaceDetailsSize optional

Costanti PlaceDetailsSize

google.maps.places.PlaceDetailsSize costanti

Varianti di taglia per PlaceDetailsElement.

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

LARGE Variante grande che include un'immagine grande, informazioni di base e dati di contatto.
MEDIUM Variante media che include un'immagine grande e informazioni di base.
SMALL Variante piccola che include un'immagine piccola e informazioni di base.
X_LARGE Variante extra large che include un collage di foto, recensioni e informazioni complete sul luogo.

PlaceDetailsCompactElement class

google.maps.places.PlaceDetailsCompactElement classe

Mostra i dettagli di un luogo in un layout compatto. Aggiungi PlaceDetailsPlaceRequestElement per specificare il luogo da visualizzare. Aggiungi PlaceContentConfigElement, PlaceStandardContentElement o PlaceAllContentElement per specificare i contenuti da visualizzare.

Per utilizzare questo elemento, abilita l'API Places UI Kit per il tuo progetto nella console Google Cloud.

Elemento personalizzato:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceDetailsCompactElementOptions.

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

PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
Parametri: 
orientation
Tipo:  PlaceDetailsOrientation optional
Predefinito: PlaceDetailsOrientation.VERTICAL
La variante di orientamento (verticale o orizzontale) dell'elemento.
Attributo HTML:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
Tipo:  Place optional
Sola lettura. Oggetto luogo contenente l'ID, la posizione e il riquadro visibile del luogo attualmente visualizzato.
truncationPreferred
Tipo:  boolean
Predefinito: false
Se il valore è true, il nome e l'indirizzo del luogo vengono troncati per essere visualizzati su una sola riga anziché essere mandati a capo.
Attributo HTML:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--gmp-mat-color-info
Colore degli elementi della UI con sentiment informativo. Utilizzato per l'icona della sedia a rotelle.
--gmp-mat-color-negative
Colore degli elementi dell'interfaccia utente con sentiment negativo. Utilizzato per il testo "Chiuso" nello stato Aperto ora.
--gmp-mat-color-neutral-container
Colore del contenitore per gli elementi UI riempiti neutri. Utilizzato per i segnaposto delle immagini.
--gmp-mat-color-on-secondary-container
Colore del testo e delle icone rispetto al colore del contenitore secondario. Utilizzato per il testo e le icone del pulsante "Apri in Maps".
--gmp-mat-color-on-surface
Colore per testo e icone su qualsiasi colore della superficie. Utilizzato per il testo normale.
--gmp-mat-color-on-surface-variant
Colore a bassa enfasi per testo e icone su qualsiasi colore di superficie. Utilizzato per il testo meno enfatizzato.
--gmp-mat-color-outline-decorative
Colore del contorno degli elementi non interattivi. Utilizzato per il bordo dell'elemento.
--gmp-mat-color-positive
Colore degli elementi UI con sentiment positivo. Utilizzato per il testo "Aperto" nello stato Aperto ora.
--gmp-mat-color-primary
Colore del testo e delle icone interattivi rispetto al colore della superficie. Utilizzato per il conteggio e i link delle recensioni nella finestra di dialogo sull'attribuzione.
--gmp-mat-color-secondary-container
Colore di riempimento meno evidente sulla superficie, per i componenti recessivi come i pulsanti tonali. Utilizzato per lo sfondo del pulsante "Apri in Maps".
--gmp-mat-color-surface
Colore per gli sfondi. Utilizzato per gli sfondi dell'elemento e della finestra di dialogo di attribuzione.
--gmp-mat-font-body-medium
Utilizzato per il corpo del testo nella finestra di dialogo dell'attribuzione.
--gmp-mat-font-body-small
Utilizzato per l'indirizzo, la valutazione, il tipo, il prezzo e lo stato aperto ora del luogo.
--gmp-mat-font-family
Famiglia di caratteri di base utilizzata per tutto il testo.
--gmp-mat-font-headline-medium
Utilizzato per il testo dell'intestazione nella finestra di dialogo dell'attribuzione.
--gmp-mat-font-label-large
Utilizzato per il pulsante e i link "Apri in Maps" nella finestra di dialogo sull'attribuzione.
--gmp-mat-font-title-small
Utilizzato per il nome del luogo.
background-color
Esegue l'override del colore di sfondo dell'elemento.
border
Esegue l'override del bordo dell'elemento.
border-radius
Esegue l'override del raggio del bordo dell'elemento.
color-scheme
Indica lo schema di colori in cui può essere visualizzato questo elemento. Per ulteriori dettagli, consulta la documentazione di color-scheme. Il valore predefinito è color-scheme: light dark.
font-size
Scala tutto il testo e le icone nell'elemento, che sono definiti internamente in em. Il valore predefinito è 16px.
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.
gmp-error
function(event)
Argomenti: 
Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non viene propagato.
gmp-load
function(event)
Argomenti: 
Questo evento viene attivato quando l'elemento carica e visualizza i suoi contenuti. Questo evento non viene propagato.

Interfaccia PlaceDetailsCompactElementOptions

google.maps.places.PlaceDetailsCompactElementOptions interfaccia

Opzioni per PlaceDetailsCompactElement.

orientation optional
Tipo:  PlaceDetailsOrientation optional
truncationPreferred optional
Tipo:  boolean optional

Costanti PlaceDetailsOrientation

google.maps.places.PlaceDetailsOrientation costanti

Varianti di orientamento per PlaceDetailsCompactElement.

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

HORIZONTAL Orientamento orizzontale.
VERTICAL Orientamento verticale.

PlaceDetailsPlaceRequestElement class

google.maps.places.PlaceDetailsPlaceRequestElement classe

Configura un elemento compatto Dettagli luogo per caricare i dati in base a un oggetto luogo, un ID o un nome risorsa. Aggiungi questo elemento come elemento secondario di un PlaceDetailsCompactElement per caricare i dati del luogo specificato.

Elemento personalizzato:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceDetailsPlaceRequestElementOptions.

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

PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
Parametri: 
place
Tipo:  Place optional
L'oggetto luogo, l'ID o il nome della risorsa per cui visualizzare i dettagli nell'elemento compatto Dettagli luogo. Questa proprietà riflette l'attributo come nome risorsa.
Attributo HTML:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

PlaceDetailsPlaceRequestElementOptions interfaccia

google.maps.places.PlaceDetailsPlaceRequestElementOptions interfaccia

Opzioni per PlaceDetailsPlaceRequestElement.

place optional
Tipo:  Place|string optional

PlaceContentConfigElement class

google.maps.places.PlaceContentConfigElement classe

Configura i contenuti da mostrare in un elemento Place Details Compact. Aggiungi questo elemento come elemento secondario di un PlaceDetailsCompactElement per utilizzarlo. Aggiungi uno dei seguenti elementi a PlaceContentConfigElement per mostrare i contenuti corrispondenti:
PlaceMediaElement, PlaceAddressElement, PlaceRatingElement, PlaceTypeElement, PlacePriceElement, PlaceAccessibleEntranceIconElement, PlaceOpenNowStatusElement, PlaceAttributionElement
L'ordine degli elementi secondari non è importante; l'elemento esegue il rendering dei contenuti in un ordine standard non personalizzabile.

Elemento personalizzato:
<gmp-place-content-config></gmp-place-content-config>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceContentConfigElementOptions.

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

PlaceContentConfigElement
PlaceContentConfigElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

PlaceContentConfigElementOptions interfaccia

google.maps.places.PlaceContentConfigElementOptions interfaccia

Opzioni per PlaceContentConfigElement.

PlaceMediaElement class

google.maps.places.PlaceMediaElement classe

Configura un elemento compatto Dettagli luogo per mostrare i contenuti multimediali di un luogo, ad esempio le foto. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-media lightbox-preferred></gmp-place-media>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceMediaElementOptions.

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

PlaceMediaElement
PlaceMediaElement([options])
Parametri: 
lightboxPreferred
Tipo:  boolean optional
Predefinito: false
Se attivare o disattivare la lightbox multimediale, nei casi in cui sono supportate entrambe le opzioni.
Attributo HTML:
  • <gmp-place-media lightbox-preferred></gmp-place-media>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceMediaElementOptions

google.maps.places.PlaceMediaElementOptions interfaccia

Opzioni per PlaceMediaElement.

lightboxPreferred optional
Tipo:  boolean optional

Classe PlaceAddressElement

google.maps.places.PlaceAddressElement classe

Configura un elemento Place Details Compact per mostrare l'indirizzo di un luogo. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-address></gmp-place-address>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceAddressElementOptions.

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

PlaceAddressElement
PlaceAddressElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceAddressElementOptions

google.maps.places.PlaceAddressElementOptions interfaccia

Opzioni per PlaceAddressElement.

Classe PlaceRatingElement

google.maps.places.PlaceRatingElement classe

Configura un elemento Place Details Compact per mostrare la valutazione di un luogo. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-rating></gmp-place-rating>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceRatingElementOptions.

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

PlaceRatingElement
PlaceRatingElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceRatingElementOptions

google.maps.places.PlaceRatingElementOptions interfaccia

Opzioni per PlaceRatingElement.

PlaceTypeElement class

google.maps.places.PlaceTypeElement classe

Configura un elemento Place Details Compact per mostrare il tipo di luogo. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-type></gmp-place-type>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceTypeElementOptions.

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

PlaceTypeElement
PlaceTypeElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceTypeElementOptions

google.maps.places.PlaceTypeElementOptions interfaccia

Opzioni per PlaceTypeElement.

Classe PlacePriceElement

google.maps.places.PlacePriceElement classe

Configura un elemento Dettagli luogo compatto per mostrare il livello di prezzo o la fascia di prezzo di un luogo. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-price></gmp-place-price>

Questo corso si estende HTMLElement.

Questa classe implementa PlacePriceElementOptions.

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

PlacePriceElement
PlacePriceElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

PlacePriceElementOptions interfaccia

google.maps.places.PlacePriceElementOptions interfaccia

Opzioni per PlacePriceElement.

PlaceAccessibleEntranceIconElement class

google.maps.places.PlaceAccessibleEntranceIconElement classe

Configura un elemento compatto Dettagli del luogo per mostrare un'icona della sedia a rotelle se il luogo ha un ingresso accessibile. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceAccessibleEntranceIconElementOptions.

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

PlaceAccessibleEntranceIconElement
PlaceAccessibleEntranceIconElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceAccessibleEntranceIconElementOptions

google.maps.places.PlaceAccessibleEntranceIconElementOptions interfaccia

Opzioni per PlaceAccessibleEntranceIconElement.

Classe PlaceOpenNowStatusElement

google.maps.places.PlaceOpenNowStatusElement classe

Configura un elemento compatto Dettagli luogo per mostrare lo stato attuale di apertura o chiusura di un luogo. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-open-now-status></gmp-place-open-now-status>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceOpenNowStatusElementOptions.

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

PlaceOpenNowStatusElement
PlaceOpenNowStatusElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceOpenNowStatusElementOptions

google.maps.places.PlaceOpenNowStatusElementOptions interfaccia

Opzioni per PlaceOpenNowStatusElement.

Classe PlaceAttributionElement

google.maps.places.PlaceAttributionElement classe

Consente la personalizzazione del testo di attribuzione di Google Maps in un elemento compatto dei dettagli del luogo. Aggiungi questo elemento come elemento secondario di un PlaceContentConfigElement per utilizzarlo. Se questo elemento viene omesso, l'attribuzione verrà comunque mostrata con i colori predefiniti.

Elemento personalizzato:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceAttributionElementOptions.

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

PlaceAttributionElement
PlaceAttributionElement([options])
Parametri: 
darkSchemeColor
Tipo:  AttributionColor optional
Predefinito: AttributionColor.WHITE
Il colore dell'attribuzione di Google Maps in modalità Buio.
Attributo HTML:
  • <gmp-place-attribution dark-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution dark-scheme-color="gray"></gmp-place-attribution>
lightSchemeColor
Tipo:  AttributionColor optional
Predefinito: AttributionColor.GRAY
Il colore dell'attribuzione di Google Maps in modalità Luce.
Attributo HTML:
  • <gmp-place-attribution light-scheme-color="white"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="black"></gmp-place-attribution>
  • <gmp-place-attribution light-scheme-color="gray"></gmp-place-attribution>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceAttributionElementOptions

google.maps.places.PlaceAttributionElementOptions interfaccia

Opzioni per PlaceAttributionElement.

darkSchemeColor optional
Tipo:  AttributionColor optional
lightSchemeColor optional
Tipo:  AttributionColor optional

Costanti AttributionColor

google.maps.places.AttributionColor costanti

Opzioni di colore per il testo di attribuzione di Google Maps. L'attribuzione può essere personalizzata per utilizzare uno qualsiasi di questi colori.

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

BLACK Testo dell'attribuzione nero.
GRAY Testo dell'attribuzione grigio.
WHITE Testo dell'attribuzione bianco.

PlaceAllContentElement class

google.maps.places.PlaceAllContentElement classe

Configura un elemento Place Details Compact per mostrare tutti i contenuti disponibili. Aggiungi questo elemento come elemento secondario di un PlaceDetailsCompactElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-all-content></gmp-place-all-content>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceAllContentElementOptions.

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

PlaceAllContentElement
PlaceAllContentElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceAllContentElementOptions

google.maps.places.PlaceAllContentElementOptions interfaccia

Opzioni per PlaceAllContentElement.

Classe PlaceStandardContentElement

google.maps.places.PlaceStandardContentElement classe

Configura un elemento compatto Dettagli luogo per mostrare un insieme standard di contenuti (media, valutazione, tipo, prezzo, icona di ingresso accessibile e stato aperto ora). Aggiungi questo elemento come elemento secondario di un PlaceDetailsCompactElement per utilizzarlo.

Elemento personalizzato:
<gmp-place-standard-content></gmp-place-standard-content>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceStandardContentElementOptions.

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

PlaceStandardContentElement
PlaceStandardContentElement([options])
Parametri: 
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.

Interfaccia PlaceStandardContentElementOptions

google.maps.places.PlaceStandardContentElementOptions interfaccia

Opzioni per PlaceStandardContentElement.

PlaceListElement class

google.maps.places.PlaceListElement classe

Un elemento HTML che mostra i risultati di una ricerca di luoghi in un elenco. Utilizza i metodi configureFromSearchByTextRequest() o configureFromSearchNearbyRequest() per specificare la richiesta per cui eseguire il rendering dei risultati. Per utilizzare l'elemento Elenco luoghi, attiva l'API Places UI Kit per il tuo progetto nella console Google Cloud.

Elemento personalizzato:
<gmp-place-list selectable></gmp-place-list>

Questo corso si estende HTMLElement.

Questa classe implementa PlaceListElementOptions.

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

PlaceListElement
PlaceListElement([options])
Parametri: 
places
Tipo:  Array<Place>
Sola lettura. Array di oggetti Place contenenti gli ID, le posizioni e i viewport dei luoghi attualmente visualizzati.
selectable
Tipo:  boolean
Indica se gli elementi dell'elenco sono selezionabili. Se il valore è true, gli elementi dell'elenco saranno pulsanti che attivano l'evento gmp-placeselect quando vengono selezionati. Sono supportate anche la navigazione e la selezione da tastiera accessibili.
Attributo HTML:
  • <gmp-place-list selectable></gmp-place-list>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa sensibile alle maiuscole e minuscole che rappresenta il tipo di evento da ascoltare.
  • listenerEventListener|EventListenerObject l'oggetto che riceve una notifica. Deve essere una funzione o un oggetto con il metodo handleEvent
  • optionsboolean|AddEventListenerOptions optional vedi le opzioni. Gli eventi personalizzati supportano solo capture e passive.
Valore restituito:  void
Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener.
configureFromSearchByTextRequest
configureFromSearchByTextRequest(request)
Parametri: 
  • requestSearchByTextRequest La richiesta di rendering dei risultati. La proprietà fields di SearchByTextRequest non è obbligatoria.
Valore restituito:  Promise<void> una promessa che viene risolta una volta caricati e visualizzati i dati del luogo.
Configura il widget per visualizzare i risultati di ricerca da una richiesta dell'API Places Text Search.
configureFromSearchNearbyRequest
configureFromSearchNearbyRequest(request)
Parametri: 
  • requestSearchNearbyRequest La richiesta di rendering dei risultati. La proprietà fields di SearchNearbyRequest non è obbligatoria.
Valore restituito:  Promise<void> una promessa che viene risolta una volta caricati e visualizzati i dati del luogo.
Configura il widget per visualizzare i risultati di ricerca da una richiesta dell'API Places Nearby Search.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametri: 
  • typestring una stringa che specifica il tipo di evento per cui rimuovere un listener di eventi.
  • listenerEventListener|EventListenerObject Il listener di eventi del gestore di eventi da rimuovere dalla destinazione dell'evento.
  • optionsboolean|EventListenerOptions optional vedi le opzioni.
Valore restituito:  void
Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener.
gmp-load
function(event)
Argomenti: 
Questo evento viene attivato quando l'elemento carica e visualizza i suoi contenuti. Questo evento non viene propagato.
gmp-placeselect
function(event)
Argomenti: 
Questo evento viene attivato quando un utente seleziona un luogo. Contiene un oggetto Place e l'indice del luogo selezionato nell'elenco.
gmp-requesterror
function(event)
Argomenti: 
Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non viene propagato.

Interfaccia PlaceListElementOptions

google.maps.places.PlaceListElementOptions interfaccia

Opzioni per PlaceListElement.

selectable optional
Tipo:  boolean optional

PlaceListPlaceSelectEvent class

google.maps.places.PlaceListPlaceSelectEvent classe

Questo evento viene emesso da PlaceListElement quando l'utente seleziona un luogo.

Questo corso si estende Event.

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

index
Tipo:  number
L'indice dell'elenco del luogo selezionato.
place
Tipo:  Place
Un oggetto Place contenente l'ID, la posizione e la visualizzazione del luogo selezionato.

Classe Autocomplete

google.maps.places.Autocomplete classe

Un widget che fornisce previsioni sui luoghi in base all'input di testo di un utente. Si collega a un elemento di input di tipo text e ascolta l'inserimento di testo in quel campo. L'elenco delle previsioni viene visualizzato come elenco a discesa e viene aggiornato man mano che viene inserito il testo.

Questo corso si estende MVCObject.

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

Autocomplete
Autocomplete(inputField[, opts])
Parametri: 
Crea una nuova istanza di Autocomplete che si collega al campo di testo di input specificato con le opzioni indicate.
getBounds
getBounds()
Parametri: nessuno
Valore restituito:  LatLngBounds|undefined i limiti di distorsione.
Restituisce i limiti a cui sono soggette le previsioni.
getFields
getFields()
Parametri: nessuno
Valore restituito:  Array<string>|undefined
Restituisce i campi da includere nella risposta dei dettagli del luogo quando i dettagli vengono recuperati correttamente. Per un elenco dei campi, vedi PlaceResult.
getPlace
getPlace()
Parametri: nessuno
Valore restituito:  PlaceResult il luogo selezionato dall'utente.
Restituisce i dettagli del luogo selezionato dall'utente se sono stati recuperati correttamente. In caso contrario, restituisce un oggetto Place stub, con la proprietà name impostata sul valore corrente del campo di input.
setBounds
setBounds(bounds)
Parametri: 
Valore restituito:nessuno
Imposta l'area preferita in cui restituire i risultati di Places. I risultati sono orientati verso questa zona, ma non sono limitati a questa.
setComponentRestrictions
setComponentRestrictions(restrictions)
Parametri: 
Valore restituito:nessuno
Imposta le limitazioni dei componenti. Le limitazioni dei componenti vengono utilizzate per limitare le previsioni solo a quelle all'interno del componente principale. Ad esempio, il paese.
setFields
setFields(fields)
Parametri: 
  • fieldsArray<string> optional
Valore restituito:nessuno
Imposta i campi da includere nella risposta dei dettagli quando i dettagli vengono recuperati correttamente. Per un elenco dei campi, vedi PlaceResult.
setOptions
setOptions(options)
Parametri: 
Valore restituito:nessuno
setTypes
setTypes(types)
Parametri: 
  • typesArray<string> optional i tipi di previsioni da includere.
Valore restituito:nessuno
Imposta i tipi di previsioni da restituire. Per i tipi supportati, consulta la guida per gli sviluppatori. Se non vengono specificati tipi, verranno restituiti tutti i tipi.
Ereditato: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
place_changed
function()
Argomenti: nessuno
Questo evento viene attivato quando un PlaceResult viene reso disponibile per un luogo selezionato dall'utente.
Se l'utente inserisce il nome di un luogo non suggerito dal controllo e preme il tasto Invio oppure se una richiesta di dettagli sul luogo non va a buon fine, PlaceResult contiene l'input dell'utente nella proprietà name, senza altre proprietà definite.

Interfaccia AutocompleteOptions

google.maps.places.AutocompleteOptions interfaccia

Le opzioni che possono essere impostate su un oggetto Autocomplete.

bounds optional
L'area in cui cercare i luoghi.
componentRestrictions optional
Tipo:  ComponentRestrictions optional
Le limitazioni dei componenti. Le limitazioni dei componenti vengono utilizzate per limitare le previsioni solo a quelle all'interno del componente principale. Ad esempio, il paese.
fields optional
Tipo:  Array<string> optional
Campi da includere nella risposta dei dettagli quando i dettagli vengono recuperati correttamente, per i quali verrà addebitato un costo. Se viene passato ['ALL'], verranno restituiti e fatturati tutti i campi disponibili (questa operazione non è consigliata per le implementazioni di produzione). Per un elenco dei campi, vedi PlaceResult. I campi nidificati possono essere specificati con percorsi con punti (ad esempio "geometry.location"). Il valore predefinito è ['ALL'].
placeIdOnly optional
Tipo:  boolean optional
Indica se recuperare solo gli ID luogo. Il PlaceResult reso disponibile quando viene attivato l'evento place_changed avrà solo i campi place_id, types e name, con place_id, types e description restituiti dal servizio Autocomplete. Disabilitato per impostazione predefinita.
strictBounds optional
Tipo:  boolean optional
Un valore booleano che indica che il widget Autocomplete deve restituire solo i luoghi che si trovano all'interno dei limiti del widget Autocomplete al momento dell'invio della query. Se imposti strictBounds su false (valore predefinito), i risultati saranno orientati verso i luoghi contenuti all'interno dei limiti, ma non limitati a questi.
types optional
Tipo:  Array<string> optional
I tipi di previsioni da restituire. Per i tipi supportati, consulta la guida per gli sviluppatori. Se non vengono specificati tipi, verranno restituiti tutti i tipi.

google.maps.places.SearchBox classe

Un widget che fornisce previsioni delle query in base all'input di testo di un utente. Si collega a un elemento di input di tipo text e ascolta l'inserimento di testo in quel campo. L'elenco delle previsioni viene visualizzato come elenco a discesa e viene aggiornato man mano che viene inserito il testo.

Questo corso si estende MVCObject.

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

SearchBox
SearchBox(inputField[, opts])
Parametri: 
Crea una nuova istanza di SearchBox che si collega al campo di testo di input specificato con le opzioni indicate.
getBounds
getBounds()
Parametri: nessuno
Valore restituito:  LatLngBounds|undefined
Restituisce i limiti a cui sono orientate le previsioni delle query.
getPlaces
getPlaces()
Parametri: nessuno
Valore restituito:  Array<PlaceResult>|undefined
Restituisce la query selezionata dall'utente da utilizzare con l'evento places_changed.
setBounds
setBounds(bounds)
Parametri: 
Valore restituito:nessuno
Imposta la regione da utilizzare per la distorsione delle previsioni delle query. I risultati saranno orientati solo verso questa area e non saranno completamente limitati.
Ereditato: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
places_changed
function()
Argomenti: nessuno
Questo evento viene attivato quando l'utente seleziona una query. getPlaces deve essere utilizzato per ottenere nuovi luoghi.

Interfaccia SearchBoxOptions

google.maps.places.SearchBoxOptions interfaccia

Le opzioni che possono essere impostate su un oggetto SearchBox.

bounds optional
L'area verso cui orientare le previsioni delle query. Le previsioni sono orientate verso, ma non limitate a, query che hanno come target questi limiti.