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.
Costruttore | |
---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options) Parametri:
|
Proprietà | |
---|---|
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:
|
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:
|
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:
|
origin |
Tipo:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional 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:
|
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:
|
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:
|
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:
|
Componenti | |
---|---|
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. |
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener. |
Eventi | |
---|---|
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.
Proprietà | |
---|---|
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.
Proprietà | |
---|---|
placePrediction |
Tipo:
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.
Proprietà | |
---|---|
contextToken |
Tipo:
string optional Il token di contesto.
Attributo HTML:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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
.
Proprietà | |
---|---|
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.
Proprietà | |
---|---|
layout |
Tipo:
PlaceContextualListLayout optional Il layout.
Attributo HTML:
|
mapHidden |
Tipo:
boolean optional Indica se la mappa è nascosta.
Attributo HTML:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Proprietà | |
---|---|
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.
Costanti | |
---|---|
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.
Costruttore | |
---|---|
PlaceDetailsElement |
PlaceDetailsElement([options]) Parametri:
|
Proprietà | |
---|---|
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:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
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:
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. |
|
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener. |
Eventi | |
---|---|
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
.
Proprietà | |
---|---|
size optional |
Tipo:
PlaceDetailsSize optional Visualizza PlaceDetailsElement.size |
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.
Costanti | |
---|---|
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.
Costruttore | |
---|---|
PlaceDetailsCompactElement |
PlaceDetailsCompactElement([options]) Parametri:
|
Proprietà | |
---|---|
orientation |
Tipo:
PlaceDetailsOrientation optional Predefinito:
PlaceDetailsOrientation.VERTICAL La variante di orientamento (verticale o orizzontale) dell'elemento.
Attributo HTML:
|
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:
|
Proprietà CSS | |
---|---|
--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 . |
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Rimuove dal target un listener di eventi registrato in precedenza con addEventListener. Vedi removeEventListener. |
Eventi | |
---|---|
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
.
Proprietà | |
---|---|
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.
Costanti | |
---|---|
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.
Costruttore | |
---|---|
PlaceDetailsPlaceRequestElement |
PlaceDetailsPlaceRequestElement([options]) Parametri:
|
Proprietà | |
---|---|
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:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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
.
Proprietà | |
---|---|
place optional |
Tipo:
Place|string optional Visualizza PlaceDetailsPlaceRequestElement.place |
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.
Costruttore | |
---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlaceMediaElement |
PlaceMediaElement([options]) Parametri:
|
Proprietà | |
---|---|
lightboxPreferred |
Tipo:
boolean optional Predefinito:
false Se attivare o disattivare la lightbox multimediale, nei casi in cui sono supportate entrambe le opzioni.
Attributo HTML:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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
.
Proprietà | |
---|---|
lightboxPreferred optional |
Tipo:
boolean optional Leggi i PlaceMediaElement.lightboxPreferred . |
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.
Costruttore | |
---|---|
PlaceAddressElement |
PlaceAddressElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlaceRatingElement |
PlaceRatingElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlaceTypeElement |
PlaceTypeElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlacePriceElement |
PlacePriceElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options]) Parametri:
|
Metodi | |
---|---|
|
addEventListener(type, listener[, options]) Parametri:
Valore restituito:
void Configura una funzione che verrà chiamata ogni volta che l'evento specificato viene inviato alla destinazione. Vedi addEventListener. |
|
removeEventListener(type, listener[, options]) Parametri:
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.
Costruttore | |
---|---|
PlaceAttributionElement |
PlaceAttributionElement([options]) Parametri:
|
Proprietà | |
---|---|
darkSchemeColor |
Tipo:
AttributionColor optional Predefinito:
AttributionColor.WHITE Il colore dell'attribuzione di Google Maps in modalità Buio.
Attributo HTML:
|
|