Places UI Kit: una libreria pronta all'uso che offre spazio per la personalizzazione e il controllo agli sviluppatori. Provalo e condividi il tuo feedback sull'esperienza con UI Kit.

Google utilizza la tecnologia AI per tradurre i contenuti nella tua lingua preferita. Le traduzioni generate dall'AI potrebbero contenere errori.

Places Widgets

Classe PlaceAutocompleteElement

class google.maps.places.PlaceAutocompleteElement extends HTMLElement implements PlaceAutocompleteElementOptions
library "places"

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

PlaceAutocompleteElement utilizza automaticamente AutocompleteSessionToken internamente per raggruppare le fasi di query e selezione della ricerca con 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 ulteriori dettagli sul funzionamento dei token di sessione, consulta la pagina https://developers.google.com/maps/documentation/places/web-service/place-session-tokens.

<gmp-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-place-autocomplete>

const {PlaceAutocompleteElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceAutocompleteElement`	`PlaceAutocompleteElement([options])` Parametri: `options: PlaceAutocompleteElementOptions optional`

Proprietà
`description` attr: description	Tipo: `string optional` La descrizione da utilizzare per l'elemento di input. Questo verrà rilevato dagli screen reader quando l'elemento di input è attivo. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby. Attributo HTML: `description="string"`
`disabled` attr: disabled	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se l'elemento di input è disattivato. Per maggiori dettagli, visita la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled. Attributo HTML: `disabled`
`futureOpeningBusinessesIncluded` attr: future-opening-businesses-included	Tipo: `boolean optional` Indica se includere i luoghi che non sono ancora aperti, ma che dovrebbero aprire in futuro. Attributo HTML: `future-opening-businesses-included`
`includedPrimaryTypes` attr: included-primary-types	Tipo: `Array<string> optional` Tipo di luogo principale incluso (ad esempio "restaurant" o "gas_station"). 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: `included-primary-types="type1 type2 type3..."`
`includedRegionCodes` attr: included-region-codes	Tipo: `Array<string> optional` Includi solo i risultati nelle regioni specificate, indicate con un massimo di 15 codici regione CLDR di due caratteri. Un set vuoto non limiterà i risultati. Se sono impostati sia `locationRestriction` sia `includedRegionCodes`, i risultati verranno visualizzati nell'area di intersezione. Attributo HTML: `included-region-codes="c1 c2 c3..."`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`locationBias`	Tipo: `LocationBias optional` Un confine o un suggerimento flessibile da utilizzare durante la ricerca di luoghi.
`locationRestriction`	Tipo: `LocationRestriction optional` Limiti per vincolare i risultati di ricerca.
`maxlength` attr: maxlength	Tipo: `number optional` Il numero massimo di caratteri che l'utente può inserire. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength. Attributo HTML: `maxlength="number"`
`name` attr: name	Tipo: `string optional` Il nome da utilizzare per l'elemento di input. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name. Segue lo stesso comportamento dell'attributo name per gli input. Tieni presente che questo è il nome che verrà utilizzato quando viene inviato un modulo. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form. Attributo HTML: `name="string"`
`noClearButton` attr: no-clear-button	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se nascondere il pulsante Cancella. Attributo HTML: `no-clear-button`
`noInputIcon` attr: no-input-icon	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se nascondere l'icona di input. Attributo HTML: `no-input-icon`
`origin` attr: origin	Tipo di input: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Tipo di output: `LatLngAltitude 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: `origin="lat,lng"` `origin="lat,lng,altitude"`
`placeholder` attr: placeholder	Tipo: `string optional` Il testo segnaposto da utilizzare per l'elemento di input. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder. Attributo HTML: `placeholder="string"`
`pureServiceAreaBusinessesIncluded` attr: pure-service-area-businesses-included	Tipo: `boolean optional` Indica se includere i luoghi che sono attività al domicilio del cliente. Attributo HTML: `pure-service-area-businesses-included`
`readonly` attr: readonly	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se l'elemento di input è di sola lettura. Per maggiori dettagli, visita la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly. Attributo HTML: `readonly`
`requestedLanguage` attr: requested-language	Tipo: `string optional` Un identificatore della 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: `requested-language="string"`
`requestedRegion` attr: requested-region	Tipo: `string optional` Un codice regione utilizzato per la formattazione e il filtro 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 è identica ai codici ISO 3166-1, con alcune eccezioni degne di nota. Ad esempio, il ccTLD 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: `requested-region="string"`
`unitSystem` attr: unit-system	Tipo di input: `UnitSystem optional` Tipo di output: `UnitSystem optional` Il sistema di unità di misura utilizzato per visualizzare le distanze. Se non specificato, il sistema di unità è determinato da requestedRegion. Attributo HTML: `unit-system="value-name"`
`value`	Tipo di input: `string optional` Tipo di output: `string` Il valore dell'elemento di input.

Slot
`clear-icon`	Posiziona l'elemento con slot nella posizione dell'icona di cancellazione. Il pulsante Cancella viene visualizzato alla fine della casella di immissione quando è presente del testo.
`input-icon`	Posiziona l'elemento con slot nella posizione dell'icona di input. L'icona di input viene visualizzata all'inizio della casella di input in modalità in linea.
`prediction-item-icon`	Questo slot accetta esattamente un elemento `<template>` da visualizzare come icona accanto all'elemento di previsione.

Componenti
`focus-ring`	L'elemento utilizzato per visualizzare l'anello di messa a fuoco attorno all'elemento attivo (input o elementi di previsione)
`input`	L'elemento di input per l'elemento di completamento automatico.
`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 delle previsioni.
`prediction-item-main-text`	Una parte di prediction-item che rappresenta il testo principale della previsione. Per le posizioni geografiche, contiene il nome di un luogo, ad esempio "Sydney", o il nome e il numero di una via, ad esempio "10 King Street". Per impostazione predefinita, il colore di prediction-item-main-text è nero. Se è presente altro testo in prediction-item, questo si trova all'esterno di prediction-item-main-text ed eredita lo stile da prediction-item. Per impostazione predefinita, è di colore 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, il testo corrispondente viene evidenziato in grassetto. Tieni presente che il testo corrispondente viene evidenziato solo all'interno di prediction-item-main-text.
`prediction-item-nonmatch`	La parte del testo principale della previsione che non corrisponde all'input dell'utente.
`prediction-item-secondary-text`	Una parte di prediction-item che rappresenta il testo secondario della previsione. Il testo aggiuntivo è in genere un indirizzo.
`prediction-item-selected`	L'elemento quando l'utente vi accede tramite la tastiera. Nota: gli elementi selezionati saranno interessati sia dagli stili di questa parte sia dagli stili della parte prediction-item.
`prediction-list`	L'elemento visivo contenente l'elenco di previsioni restituite dal servizio Place Autocomplete. Questo elenco viene visualizzato come elenco a discesa sotto PlaceAutocompleteElement.

Proprietà CSS
`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`	Esegue l'override del carattere dell'elemento.
`color-scheme`	Indica la combinazione 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`	Esegue l'override del carattere dell'elemento.
`font-family`	Esegue l'override del carattere dell'elemento.
`font-size`	Esegue l'override del carattere dell'elemento.
`font-style`	Esegue l'override del carattere dell'elemento.
`font-weight`	Esegue l'override del carattere dell'elemento.
`line-height`	Esegue l'override del carattere dell'elemento.

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(errorEvent)` Argomenti: `errorEvent: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-select`	`function(placePredictionSelectEvent)` Argomenti: `placePredictionSelectEvent: PlacePredictionSelectEvent optional` Questo evento viene attivato quando un utente seleziona una previsione di luogo. Contiene un oggetto PlacePrediction che può essere convertito in un oggetto Place.

Interfaccia PlaceAutocompleteElementOptions

interfaccia google.maps.places.PlaceAutocompleteElementOptions
implementata da PlaceAutocompleteElement

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

Proprietà
`description` facoltativo	Tipo: `string optional` La descrizione da utilizzare per l'elemento di input. Questo verrà rilevato dagli screen reader quando l'elemento di input è attivo.
`disabled` facoltativo	Tipo: `boolean optional`
`futureOpeningBusinessesIncluded` facoltativo	Tipo: `boolean optional`
`includedPrimaryTypes` facoltativo	Tipo: `Array<string> optional`
`includedRegionCodes` facoltativo	Tipo: `Array<string> optional`
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional`
`locationBias` facoltativo	Tipo: `LocationBias optional`
`locationRestriction` facoltativo	Tipo: `LocationRestriction optional`
`maxlength` facoltativo	Tipo: `number optional`
`name` facoltativo	Tipo: `string optional`
`noClearButton` facoltativo	Tipo: `boolean optional`
`noInputIcon` facoltativo	Tipo: `boolean optional`
`origin` facoltativo	Tipo: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional`
`placeholder` facoltativo	Tipo: `string optional`
`pureServiceAreaBusinessesIncluded` facoltativo	Tipo: `boolean optional`
`readonly` facoltativo	Tipo: `boolean optional`
`requestedLanguage` facoltativo	Tipo: `string optional`
`requestedRegion` facoltativo	Tipo: `string optional`
`unitSystem` facoltativo	Tipo: `UnitSystem optional`
`value` facoltativo	Tipo: `string optional` Il valore dell'elemento di input.

Classe PlacePredictionSelectEvent

class google.maps.places.PlacePredictionSelectEvent extends Event
library "places"

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.

const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places");

Proprietà
`placePrediction` readonly	Tipo: `PlacePrediction` Converti questo in un `Place` chiamando `PlacePrediction.toPlace`.

Classe BasicPlaceAutocompleteElement

class google.maps.places.BasicPlaceAutocompleteElement extends HTMLElement implements BasicPlaceAutocompleteElementOptions
library "places"

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

<gmp-basic-place-autocomplete
  description="string"
  disabled
  future-opening-businesses-included
  included-primary-types="type1 type2 type3..."
  included-region-codes="c1 c2 c3..."
  internal-usage-attribution-ids="space separated strings"
  maxlength="number"
  name="string"
  no-clear-button
  no-input-icon
  origin="lat,lng"
  placeholder="string"
  pure-service-area-businesses-included
  readonly
  requested-language="string"
  requested-region="string"
  unit-system="value-name">
</gmp-basic-place-autocomplete>

const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places");

Costruttore
`BasicPlaceAutocompleteElement`	`BasicPlaceAutocompleteElement([options])` Parametri: `options: BasicPlaceAutocompleteElementOptions optional`

Proprietà
`description` attr: description	Tipo: `string optional` La descrizione da utilizzare per l'elemento di input. Questo verrà rilevato dagli screen reader quando l'elemento di input è attivo. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-describedby. Attributo HTML: `description="string"`
`disabled` attr: disabled	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se l'elemento di input è disattivato. Per maggiori dettagli, visita la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#disabled. Attributo HTML: `disabled`
`futureOpeningBusinessesIncluded` attr: future-opening-businesses-included	Tipo: `boolean optional` Indica se includere i luoghi che non sono ancora aperti, ma che dovrebbero aprire in futuro. Attributo HTML: `future-opening-businesses-included`
`includedPrimaryTypes` attr: included-primary-types	Tipo: `Array<string> optional` Tipo di luogo principale incluso (ad esempio "restaurant" o "gas_station"). 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: `included-primary-types="type1 type2 type3..."`
`includedRegionCodes` attr: included-region-codes	Tipo: `Array<string> optional` Includi solo i risultati nelle regioni specificate, indicate con un massimo di 15 codici regione CLDR di due caratteri. Un set vuoto non limiterà i risultati. Se sono impostati sia `locationRestriction` sia `includedRegionCodes`, i risultati verranno visualizzati nell'area di intersezione. Attributo HTML: `included-region-codes="c1 c2 c3..."`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`locationBias`	Tipo: `LocationBias optional` Un confine o un suggerimento flessibile da utilizzare durante la ricerca di luoghi.
`locationRestriction`	Tipo: `LocationRestriction optional` Limiti per vincolare i risultati di ricerca.
`maxlength` attr: maxlength	Tipo: `number optional` Il numero massimo di caratteri che l'utente può inserire. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength. Attributo HTML: `maxlength="number"`
`name` attr: name	Tipo: `string optional` Il nome da utilizzare per l'elemento di input. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name. Segue lo stesso comportamento dell'attributo name per gli input. Tieni presente che questo è il nome che verrà utilizzato quando viene inviato un modulo. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form. Attributo HTML: `name="string"`
`noClearButton` attr: no-clear-button	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se nascondere il pulsante Cancella. Attributo HTML: `no-clear-button`
`noInputIcon` attr: no-input-icon	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se nascondere l'icona di input. Attributo HTML: `no-input-icon`
`origin` attr: origin	Tipo di input: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Tipo di output: `LatLngAltitude 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: `origin="lat,lng"` `origin="lat,lng,altitude"`
`placeholder` attr: placeholder	Tipo: `string optional` Il testo segnaposto da utilizzare per l'elemento di input. Per maggiori dettagli, consulta la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder. Attributo HTML: `placeholder="string"`
`pureServiceAreaBusinessesIncluded` attr: pure-service-area-businesses-included	Tipo: `boolean optional` Indica se includere i luoghi che sono attività al domicilio del cliente. Attributo HTML: `pure-service-area-businesses-included`
`readonly` attr: readonly	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se l'elemento di input è di sola lettura. Per maggiori dettagli, visita la pagina https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly. Attributo HTML: `readonly`
`requestedLanguage` attr: requested-language	Tipo: `string optional` Un identificatore della 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: `requested-language="string"`
`requestedRegion` attr: requested-region	Tipo: `string optional` Un codice regione utilizzato per la formattazione e il filtro 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 è identica ai codici ISO 3166-1, con alcune eccezioni degne di nota. Ad esempio, il ccTLD 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: `requested-region="string"`
`unitSystem` attr: unit-system	Tipo di input: `UnitSystem optional` Tipo di output: `UnitSystem optional` Il sistema di unità di misura utilizzato per visualizzare le distanze. Se non specificato, il sistema di unità è determinato da requestedRegion. Attributo HTML: `unit-system="value-name"`

Slot
`clear-icon`	Posiziona l'elemento con slot nella posizione dell'icona di cancellazione. Il pulsante Cancella viene visualizzato alla fine della casella di immissione quando è presente del testo.
`input-icon`	Posiziona l'elemento con slot nella posizione dell'icona di input. L'icona di input viene visualizzata all'inizio della casella di input in modalità in linea.
`prediction-item-icon`	Questo slot accetta esattamente un elemento `<template>` da visualizzare come icona accanto all'elemento di previsione.

Componenti
`focus-ring`	L'elemento utilizzato per visualizzare l'anello di messa a fuoco attorno all'elemento attivo (input o elementi di previsione)
`input`	L'elemento di input per l'elemento di completamento automatico.
`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 delle previsioni.
`prediction-item-main-text`	Una parte di prediction-item che rappresenta il testo principale della previsione. Per le posizioni geografiche, contiene il nome di un luogo, ad esempio "Sydney", o il nome e il numero di una via, ad esempio "10 King Street". Per impostazione predefinita, il colore di prediction-item-main-text è nero. Se è presente altro testo in prediction-item, questo si trova all'esterno di prediction-item-main-text ed eredita lo stile da prediction-item. Per impostazione predefinita, è di colore 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, il testo corrispondente viene evidenziato in grassetto. Tieni presente che il testo corrispondente viene evidenziato solo all'interno di prediction-item-main-text.
`prediction-item-nonmatch`	La parte del testo principale della previsione che non corrisponde all'input dell'utente.
`prediction-item-secondary-text`	Una parte di prediction-item che rappresenta il testo secondario della previsione. Il testo aggiuntivo è in genere un indirizzo.
`prediction-item-selected`	L'elemento quando l'utente vi accede tramite la tastiera. Nota: gli elementi selezionati saranno interessati sia dagli stili di questa parte sia dagli stili della parte prediction-item.
`prediction-list`	L'elemento visivo contenente l'elenco di previsioni restituite dal servizio Place Autocomplete. Questo elenco viene visualizzato come elenco a discesa sotto PlaceAutocompleteElement.

Proprietà CSS
`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`	Esegue l'override del carattere dell'elemento.
`color-scheme`	Indica la combinazione 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`	Esegue l'override del carattere dell'elemento.
`font-family`	Esegue l'override del carattere dell'elemento.
`font-size`	Esegue l'override del carattere dell'elemento.
`font-style`	Esegue l'override del carattere dell'elemento.
`font-weight`	Esegue l'override del carattere dell'elemento.
`line-height`	Esegue l'override del carattere dell'elemento.

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(errorEvent)` Argomenti: `errorEvent: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-select`	`function(placeSelectEvent)` Argomenti: `placeSelectEvent: PlaceSelectEvent optional` Questo evento viene attivato quando un utente seleziona una previsione di luogo. Contiene un oggetto Place.

Interfaccia BasicPlaceAutocompleteElementOptions

interfaccia google.maps.places.BasicPlaceAutocompleteElementOptions
implementata da BasicPlaceAutocompleteElement

Opzioni per la creazione di un BasicPlaceAutocompleteElement.

Proprietà
`description` facoltativo	Tipo: `string optional` La descrizione da utilizzare per l'elemento di input. Questo verrà rilevato dagli screen reader quando l'elemento di input è attivo.
`disabled` facoltativo	Tipo: `boolean optional`
`futureOpeningBusinessesIncluded` facoltativo	Tipo: `boolean optional`
`includedPrimaryTypes` facoltativo	Tipo: `Array<string> optional`
`includedRegionCodes` facoltativo	Tipo: `Array<string> optional`
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional`
`locationBias` facoltativo	Tipo: `LocationBias optional`
`locationRestriction` facoltativo	Tipo: `LocationRestriction optional`
`maxlength` facoltativo	Tipo: `number optional`
`name` facoltativo	Tipo: `string optional`
`noClearButton` facoltativo	Tipo: `boolean optional`
`noInputIcon` facoltativo	Tipo: `boolean optional`
`origin` facoltativo	Tipo: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional`
`placeholder` facoltativo	Tipo: `string optional`
`pureServiceAreaBusinessesIncluded` facoltativo	Tipo: `boolean optional`
`readonly` facoltativo	Tipo: `boolean optional`
`requestedLanguage` facoltativo	Tipo: `string optional`
`requestedRegion` facoltativo	Tipo: `string optional`
`unitSystem` facoltativo	Tipo: `UnitSystem optional`

Classe PlaceDetailsElement

classe google.maps.places.PlaceDetailsElement estende HTMLElement implementa PlaceDetailsElementOptions
estesa da AdvancedPlaceDetailsElement
libreria "places"

Visualizza i dettagli di un luogo in un layout completo. Aggiungi PlaceDetailsPlaceRequestElement o PlaceDetailsLocationRequestElement per specificare il luogo di cui eseguire il rendering. Aggiungi PlaceContentConfigElement, PlaceStandardContentElement o PlaceAllContentElement per specificare i contenuti di cui eseguire il rendering.

Esempio:

 <gmp-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-details>

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

<gmp-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-place-details>

const {PlaceDetailsElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceDetailsElement`	`PlaceDetailsElement([options])` Parametri: `options: PlaceDetailsElementOptions optional`

Proprietà
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`place` readonly	Tipo: `Place optional` Sola lettura. Oggetto Place contenente l'ID, la posizione e l'area visibile del luogo attualmente visualizzato.

Proprietà CSS
`--gmp-button-border-color`	Colore del bordo del pulsante "Apri in Maps".
`--gmp-button-border-radius`	Raggio del bordo del pulsante "Apri in Maps".
`--gmp-button-border-width`	Spessore bordo del pulsante "Apri in Maps".
`--gmp-collage-border-radius-outer`	Raggio del bordo degli angoli esterni del collage di contenuti multimediali.
`--gmp-dialog-border-radius`	Raggio del bordo della finestra di dialogo di informativa di Google Maps.
`--gmp-mat-color-disabled-surface`	Colore della superficie destinato a indicare stati disattivati o assenza. Utilizzata per le stelle di recensione vuote.
`--gmp-mat-color-info`	Colore degli elementi UI con sentiment informativo. Utilizzata per l'icona della sedia a rotelle.
`--gmp-mat-color-negative`	Colore degli elementi UI con sentiment negativo. Utilizzato per il testo "Chiuso" nello stato Aperto ora.
`--gmp-mat-color-neutral-container`	Colore del contenitore per gli elementi UI con riempimento neutro. Utilizzato per i segnaposto delle immagini e il badge della data di pubblicazione della recensione.
`--gmp-mat-color-on-neutral-container`	Colore del testo e delle icone rispetto al colore del contenitore neutro. Utilizzato per il badge della data di pubblicazione della recensione e per il badge della disponibilità del caricabatterie EV quando non è disponibile.
`--gmp-mat-color-on-positive-container`	Colore di testi e icone rispetto al colore del container positivo. Utilizzato per il badge di disponibilità del caricabatterie EV, se disponibile.
`--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 rispetto a qualsiasi colore della superficie. Utilizzato per il testo normale.
`--gmp-mat-color-on-surface-variant`	Colore con enfasi minore per testo e icone su qualsiasi colore della 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-positive-container`	Colore del contenitore per gli elementi UI che trasmettono un sentimento positivo. Utilizzato per il badge di disponibilità del caricabatterie EV, se disponibile.
`--gmp-mat-color-primary`	Colore del testo e delle icone interattivi rispetto al colore della superficie. Utilizzato per il conteggio delle recensioni, i link nella finestra di dialogo delle informative di Google Maps, il link al sito web, le icone nella scheda Panoramica e (colore del testo/stato attivo/passaggio del mouse) sui titoli della barra delle schede.
`--gmp-mat-color-secondary-container`	Colore di riempimento meno evidente rispetto alla superficie, per 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 delle informative di Google Maps.
`--gmp-mat-font-body-medium`	Utilizzato per l'indirizzo, la valutazione, il tipo, il prezzo, lo stato "Aperto ora", l'orario di apertura, la recensione, il numero di telefono, il sito web, il Plus Code, le funzionalità principali e il corpo del testo nella finestra di dialogo delle informative di Google Maps.
`--gmp-mat-font-body-small`	Utilizzato per il corpo del testo nell'elenco delle funzionalità nella scheda "Informazioni".
`--gmp-mat-font-display-small`	Utilizzato per il nome del luogo e il testo di ogni intestazione delle caratteristiche nella scheda "Informazioni".
`--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 delle informative di Google Maps.
`--gmp-mat-font-label-large`	Utilizzato per i titoli delle schede, il pulsante "Apri in Maps", il testo dell'attribuzione del recensore nella galleria fotografica, il testo dell'attribuzione del recensore nella sezione delle recensioni e i link nella finestra di dialogo delle informative di Google Maps.
`--gmp-mat-font-label-medium`	Utilizzato per il badge del conteggio delle foto e per il badge della data di pubblicazione della recensione.
`--gmp-mat-font-title-small`	Utilizzato per il titolo di ogni sezione nella scheda "Informazioni".
`--gmp-mat-spacing-extra-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-extra-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-medium`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-two-extra-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-star-rating-color`	Colore delle stelle piene nella valutazione.
`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 la combinazione 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
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-load`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando l'elemento carica ed esegue il rendering dei contenuti. Questo evento non si propaga.

Interfaccia PlaceDetailsElementOptions

interfaccia google.maps.places.PlaceDetailsElementOptions
estesa da AdvancedPlaceDetailsElementOptions
implementata da AdvancedPlaceDetailsElement, PlaceDetailsElement

Opzioni per PlaceDetailsElement.

Proprietà
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.

Classe PlaceDetailsCompactElement

classe google.maps.places.PlaceDetailsCompactElement estende HTMLElement implementa PlaceDetailsCompactElementOptions
estesa da AdvancedPlaceDetailsCompactElement
libreria "places"

Visualizza i dettagli di un luogo in un layout compatto. Aggiungi PlaceDetailsPlaceRequestElement o PlaceDetailsLocationRequestElement per specificare il luogo di cui eseguire il rendering. Aggiungi PlaceContentConfigElement, PlaceStandardContentElement o PlaceAllContentElement per specificare i contenuti di cui eseguire il rendering.

Esempio:

 <gmp-place-details-compact>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-details-compact>

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

<gmp-place-details-compact
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  truncation-preferred>
</gmp-place-details-compact>

const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceDetailsCompactElement`	`PlaceDetailsCompactElement([options])` Parametri: `options: PlaceDetailsCompactElementOptions optional`

Proprietà
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Tipo: `PlaceDetailsOrientation optional` Valore predefinito: `PlaceDetailsOrientation.VERTICAL` La variante di orientamento (verticale o orizzontale) dell'elemento. Attributo HTML: `orientation="value-name"`
`place` readonly	Tipo: `Place optional` Sola lettura. Oggetto Place contenente l'ID, la posizione e l'area visibile del luogo attualmente visualizzato.
`truncationPreferred` attr: truncation-preferred	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Se true, tronca il nome e l'indirizzo del luogo per adattarli a una riga anziché andare a capo. Attributo HTML: `truncation-preferred`

Proprietà CSS
`--gmp-button-border-color`	Colore del bordo del pulsante "Apri in Maps".
`--gmp-button-border-radius`	Raggio del bordo del pulsante "Apri in Maps".
`--gmp-button-border-width`	Spessore bordo del pulsante "Apri in Maps".
`--gmp-dialog-border-radius`	Raggio del bordo della finestra di dialogo di informativa di Google Maps.
`--gmp-mat-color-info`	Colore degli elementi UI con sentiment informativo. Utilizzata per l'icona della sedia a rotelle.
`--gmp-mat-color-negative`	Colore degli elementi UI con sentiment negativo. Utilizzato per il testo "Chiuso" nello stato Aperto ora.
`--gmp-mat-color-neutral-container`	Colore del contenitore per gli elementi UI con riempimento neutro. 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 rispetto a qualsiasi colore della superficie. Utilizzato per il testo normale.
`--gmp-mat-color-on-surface-variant`	Colore con enfasi minore per testo e icone su qualsiasi colore della 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 delle recensioni e per i link nella finestra di dialogo delle informative di Google Maps.
`--gmp-mat-color-secondary-container`	Colore di riempimento meno evidente rispetto alla superficie, per 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 delle informative di Google Maps.
`--gmp-mat-font-body-medium`	Utilizzato per il corpo del testo nella finestra di dialogo delle informative di Google Maps.
`--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 delle informative di Google Maps.
`--gmp-mat-font-label-large`	Utilizzato per il pulsante "Apri in Maps", nonché per i link nella finestra di dialogo delle informative di Google Maps e per il testo dell'attribuzione del recensore nella galleria fotografica.
`--gmp-mat-font-label-medium`	Utilizzo: badge del conteggio delle foto.
`--gmp-mat-font-title-small`	Utilizzato per il nome del luogo.
`--gmp-mat-spacing-extra-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-medium`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-star-rating-color`	Colore delle stelle piene nella valutazione.
`--gmp-thumbnail-border-radius`	Raggio del bordo dell'immagine in miniatura 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 la combinazione 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
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-load`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando l'elemento carica ed esegue il rendering dei contenuti. Questo evento non si propaga.

Interfaccia PlaceDetailsCompactElementOptions

interfaccia google.maps.places.PlaceDetailsCompactElementOptions
estesa da AdvancedPlaceDetailsCompactElementOptions
implementata da AdvancedPlaceDetailsCompactElement, PlaceDetailsCompactElement

Opzioni per PlaceDetailsCompactElement.

Proprietà
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.
`orientation` facoltativo	Tipo: `PlaceDetailsOrientation optional` Leggi i `PlaceDetailsCompactElement.orientation`.
`truncationPreferred` facoltativo	Tipo: `boolean optional` Leggi i `PlaceDetailsCompactElement.truncationPreferred`.

Classe AdvancedPlaceDetailsElement

class google.maps.places.AdvancedPlaceDetailsElement extends PlaceDetailsElement, HTMLElement implements AdvancedPlaceDetailsElementOptions, PlaceDetailsElementOptions
library "places"

Visualizza i dettagli di un luogo in un layout completo. Aggiungi PlaceDetailsPlaceRequestElement o PlaceDetailsLocationRequestElement per specificare il luogo di cui eseguire il rendering. Aggiungi direttamente un elemento PlaceStandardContentElement, PlaceAllContentElement o Place Details per configurare i contenuti da visualizzare.

Esempio:

 <gmp-advanced-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
   <gmp-place-standard-content>
   </gmp-place-standard-content>
 </gmp-advanced-place-details>

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

<gmp-advanced-place-details
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details>

const {AdvancedPlaceDetailsElement} = await google.maps.importLibrary("places");

Costruttore
`AdvancedPlaceDetailsElement`	`AdvancedPlaceDetailsElement([options])` Parametri: `options: AdvancedPlaceDetailsElementOptions optional`

Proprietà
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`place` readonly	Tipo: `Place optional` Sola lettura. Oggetto Place contenente l'ID, la posizione e l'area visibile del luogo attualmente visualizzato.

Slot
`action-corner`	Uno slot per `PlaceLinkElement` e `PlaceButtonElement`.
`action-main`	Uno slot per `PlaceLinkElement` e `PlaceButtonElement`.

Proprietà CSS
Ereditato: `--gmp-button-border-color`, `--gmp-button-border-radius`, `--gmp-button-border-width`, `--gmp-collage-border-radius-outer`, `--gmp-dialog-border-radius`, `--gmp-mat-color-disabled-surface`, `--gmp-mat-color-info`, `--gmp-mat-color-negative`, `--gmp-mat-color-neutral-container`, `--gmp-mat-color-on-neutral-container`, `--gmp-mat-color-on-positive-container`, `--gmp-mat-color-on-secondary-container`, `--gmp-mat-color-on-surface`, `--gmp-mat-color-on-surface-variant`, `--gmp-mat-color-outline-decorative`, `--gmp-mat-color-positive`, `--gmp-mat-color-positive-container`, `--gmp-mat-color-primary`, `--gmp-mat-color-secondary-container`, `--gmp-mat-color-surface`, `--gmp-mat-font-body-medium`, `--gmp-mat-font-body-small`, `--gmp-mat-font-display-small`, `--gmp-mat-font-family`, `--gmp-mat-font-headline-medium`, `--gmp-mat-font-label-large`, `--gmp-mat-font-label-medium`, `--gmp-mat-font-title-small`, `--gmp-mat-spacing-extra-large`, `--gmp-mat-spacing-extra-small`, `--gmp-mat-spacing-large`, `--gmp-mat-spacing-medium`, `--gmp-mat-spacing-small`, `--gmp-mat-spacing-two-extra-large`, `--gmp-star-rating-color`, `background-color`, `border`, `border-radius`, `color-scheme`, `font-size`

Proprietà CSS

Ereditato: --gmp-button-border-color, --gmp-button-border-radius, --gmp-button-border-width, --gmp-collage-border-radius-outer, --gmp-dialog-border-radius, --gmp-mat-color-disabled-surface, --gmp-mat-color-info, --gmp-mat-color-negative, --gmp-mat-color-neutral-container, --gmp-mat-color-on-neutral-container, --gmp-mat-color-on-positive-container, --gmp-mat-color-on-secondary-container, --gmp-mat-color-on-surface, --gmp-mat-color-on-surface-variant, --gmp-mat-color-outline-decorative, --gmp-mat-color-positive, --gmp-mat-color-positive-container, --gmp-mat-color-primary, --gmp-mat-color-secondary-container, --gmp-mat-color-surface, --gmp-mat-font-body-medium, --gmp-mat-font-body-small, --gmp-mat-font-display-small, --gmp-mat-font-family, --gmp-mat-font-headline-medium, --gmp-mat-font-label-large, --gmp-mat-font-label-medium, --gmp-mat-font-title-small, --gmp-mat-spacing-extra-large, --gmp-mat-spacing-extra-small, --gmp-mat-spacing-large, --gmp-mat-spacing-medium, --gmp-mat-spacing-small, --gmp-mat-spacing-two-extra-large, --gmp-star-rating-color, background-color, border, border-radius, color-scheme, font-size

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
Ereditato: `gmp-error`, `gmp-load`

Interfaccia AdvancedPlaceDetailsElementOptions

interface google.maps.places.AdvancedPlaceDetailsElementOptions extends PlaceDetailsElementOptions
implemented by AdvancedPlaceDetailsElement

Opzioni per AdvancedPlaceDetailsElement.

Proprietà
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.

Classe AdvancedPlaceDetailsCompactElement

class google.maps.places.AdvancedPlaceDetailsCompactElement extends PlaceDetailsCompactElement, HTMLElement implements AdvancedPlaceDetailsCompactElementOptions, PlaceDetailsCompactElementOptions
library "places"

Visualizza i dettagli di un luogo in un layout compatto. Aggiungi PlaceDetailsPlaceRequestElement o PlaceDetailsLocationRequestElement per specificare il luogo di cui eseguire il rendering. Aggiungi un PlaceStandardContentElement, PlaceAllContentElement o specifica contenuti secondari specifici per configurare i contenuti di cui eseguire il rendering.

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

<gmp-advanced-place-details-compact
  internal-usage-attribution-ids="space separated strings">
</gmp-advanced-place-details-compact>

const {AdvancedPlaceDetailsCompactElement} = await google.maps.importLibrary("places");

Costruttore
`AdvancedPlaceDetailsCompactElement`	`AdvancedPlaceDetailsCompactElement([options])` Parametri: `options: AdvancedPlaceDetailsCompactElementOptions optional`

Proprietà
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`place` readonly	Tipo: `Place optional` Sola lettura. Oggetto Place contenente l'ID, la posizione e l'area visibile del luogo attualmente visualizzato.
Ereditato: `orientation` (attr: `orientation`), `truncationPreferred` (attr: `truncation-preferred`)

Slot
`action-corner`	Uno slot per `PlaceLinkElement` e `PlaceButtonElement`.
`action-main`	Uno slot per `PlaceLinkElement` e `PlaceButtonElement`.

Proprietà CSS
Ereditato: `--gmp-button-border-color`, `--gmp-button-border-radius`, `--gmp-button-border-width`, `--gmp-dialog-border-radius`, `--gmp-mat-color-info`, `--gmp-mat-color-negative`, `--gmp-mat-color-neutral-container`, `--gmp-mat-color-on-secondary-container`, `--gmp-mat-color-on-surface`, `--gmp-mat-color-on-surface-variant`, `--gmp-mat-color-outline-decorative`, `--gmp-mat-color-positive`, `--gmp-mat-color-primary`, `--gmp-mat-color-secondary-container`, `--gmp-mat-color-surface`, `--gmp-mat-font-body-medium`, `--gmp-mat-font-body-small`, `--gmp-mat-font-family`, `--gmp-mat-font-headline-medium`, `--gmp-mat-font-label-large`, `--gmp-mat-font-label-medium`, `--gmp-mat-font-title-small`, `--gmp-mat-spacing-extra-small`, `--gmp-mat-spacing-large`, `--gmp-mat-spacing-medium`, `--gmp-mat-spacing-small`, `--gmp-star-rating-color`, `--gmp-thumbnail-border-radius`, `background-color`, `border`, `border-radius`, `color-scheme`, `font-size`

Proprietà CSS

Ereditato: --gmp-button-border-color, --gmp-button-border-radius, --gmp-button-border-width, --gmp-dialog-border-radius, --gmp-mat-color-info, --gmp-mat-color-negative, --gmp-mat-color-neutral-container, --gmp-mat-color-on-secondary-container, --gmp-mat-color-on-surface, --gmp-mat-color-on-surface-variant, --gmp-mat-color-outline-decorative, --gmp-mat-color-positive, --gmp-mat-color-primary, --gmp-mat-color-secondary-container, --gmp-mat-color-surface, --gmp-mat-font-body-medium, --gmp-mat-font-body-small, --gmp-mat-font-family, --gmp-mat-font-headline-medium, --gmp-mat-font-label-large, --gmp-mat-font-label-medium, --gmp-mat-font-title-small, --gmp-mat-spacing-extra-small, --gmp-mat-spacing-large, --gmp-mat-spacing-medium, --gmp-mat-spacing-small, --gmp-star-rating-color, --gmp-thumbnail-border-radius, background-color, border, border-radius, color-scheme, font-size

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
Ereditato: `gmp-error`, `gmp-load`

Interfaccia AdvancedPlaceDetailsCompactElementOptions

interface google.maps.places.AdvancedPlaceDetailsCompactElementOptions extends PlaceDetailsCompactElementOptions
implemented by AdvancedPlaceDetailsCompactElement

Opzioni per AdvancedPlaceDetailsCompactElement.

Proprietà
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.
Ereditato: `orientation`, `truncationPreferred`

Costanti PlaceDetailsOrientation

constants google.maps.places.PlaceDetailsOrientation
library "places"

Varianti di orientamento per PlaceDetailsCompactElement.

Queste costanti sono utilizzabili anche come stringhe. In TypeScript, i valori letterali stringa sono definiti dal tipo PlaceDetailsOrientationString.

const {PlaceDetailsOrientation} = await google.maps.importLibrary("places");

Costanti
`HORIZONTAL`	Orientamento orizzontale.
`VERTICAL`	Orientamento verticale.

Classe PlaceDetailsPlaceRequestElement

class google.maps.places.PlaceDetailsPlaceRequestElement extends HTMLElement implements PlaceDetailsPlaceRequestElementOptions
library "places"

Configura un PlaceDetailsCompactElement o un PlaceDetailsElement per caricare i dati in base a un oggetto, un ID o un nome della risorsa di un luogo. Aggiungi questo elemento come elemento secondario di un PlaceDetailsCompactElement o PlaceDetailsElement per caricare i dati per il luogo specificato. Ad esempio:

 <gmp-place-details>
   <gmp-place-details-place-request
     place="PLACE_ID"
   ></gmp-place-details-place-request>
 </gmp-place-details>

<gmp-place-details-place-request
  place="places/###">
</gmp-place-details-place-request>

const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceDetailsPlaceRequestElement`	`PlaceDetailsPlaceRequestElement([options])` Parametri: `options: PlaceDetailsPlaceRequestElementOptions optional`

Proprietà
`place` attr: place	Tipo di input: `Place\|string optional` Tipo di output: `Place optional` Valore predefinito: `null` L'oggetto, l'ID o il nome della risorsa del luogo per cui eseguire il rendering dei dettagli nell'elemento Place Details Compact. Questa proprietà riflette l'attributo come nome della risorsa. Attributo HTML: `place="places/###"`

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Interfaccia PlaceDetailsPlaceRequestElementOptions

interfaccia google.maps.places.PlaceDetailsPlaceRequestElementOptions
implementata da PlaceDetailsPlaceRequestElement

Opzioni per PlaceDetailsPlaceRequestElement.

Proprietà
`place` facoltativo	Tipo: `Place\|string optional` Visualizza `PlaceDetailsPlaceRequestElement.place`

Classe PlaceDetailsLocationRequestElement

class google.maps.places.PlaceDetailsLocationRequestElement extends HTMLElement implements PlaceDetailsLocationRequestElementOptions
library "places"

Configura un PlaceDetailsCompactElement o un PlaceDetailsElement per caricare i dati in base a una località. Aggiungi questo elemento come elemento secondario di PlaceDetailsCompactElement o PlaceDetailsElement per caricare i dati per la località specificata. Ad esempio:

 <gmp-place-details>
   <gmp-place-details-location-request
     location="37.6207665,-122.4284806"
   ></gmp-place-details-location-request>
 </gmp-place-details>

<gmp-place-details-location-request
  location="lat,lng">
</gmp-place-details-location-request>

const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceDetailsLocationRequestElement`	`PlaceDetailsLocationRequestElement([options])` Parametri: `options: PlaceDetailsLocationRequestElementOptions optional`

Proprietà
`location` attr: location	Tipo di input: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` Tipo di output: `LatLngAltitude optional` Valore predefinito: `null` La località per cui visualizzare i dettagli nell'elemento Place Details. Normalizza in un `LatLngAltitude`. Attributo HTML: `location="lat,lng"`

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Interfaccia PlaceDetailsLocationRequestElementOptions

interfaccia google.maps.places.PlaceDetailsLocationRequestElementOptions
implementata da PlaceDetailsLocationRequestElement

Opzioni per PlaceDetailsLocationRequestElement.

Proprietà
`location` facoltativo	Tipo: `LatLng\|LatLngLiteral\|LatLngAltitude\|LatLngAltitudeLiteral optional` La località per cui eseguire il rendering del luogo.

Classe PlaceSearchElement

classe google.maps.places.PlaceSearchElement estende HTMLElement implementa PlaceSearchElementOptions
estesa da AdvancedPlaceSearchElement
libreria "places"

Visualizza i risultati di una Place Search in un elenco. Aggiungi un PlaceTextSearchRequestElement o un PlaceNearbySearchRequestElement per specificare la richiesta per cui visualizzare i risultati. Aggiungi PlaceContentConfigElement, PlaceStandardContentElement o PlaceAllContentElement per specificare i contenuti di cui eseguire il rendering.

Esempio:

 <gmp-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search>

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

<gmp-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-place-search>

const {PlaceSearchElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceSearchElement`	`PlaceSearchElement([options])` Parametri: `options: PlaceSearchElementOptions optional`

Proprietà
`attributionPosition` attr: attribution-position	Tipo di input: `PlaceSearchAttributionPosition optional` Tipo di output: `PlaceSearchAttributionPosition` Valore predefinito: `PlaceSearchAttributionPosition.TOP` La posizione del logo di attribuzione e del pulsante di divulgazione. Attributo HTML: `attribution-position="value-name"`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Tipo di input: `PlaceSearchOrientation optional` Tipo di output: `PlaceSearchOrientation` Valore predefinito: `PlaceSearchOrientation.VERTICAL` La variante di orientamento (verticale o orizzontale) dell'elemento. Attributo HTML: `orientation="value-name"`
`places` readonly	Tipo: `Array<Place>` Sola lettura. Array di oggetti `Place` contenenti gli ID, le posizioni e le aree visibili dei luoghi attualmente visualizzati.
`selectable` attr: selectable	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Indica se gli elementi dell'elenco sono selezionabili o meno. Se il valore è true, gli elementi dell'elenco saranno pulsanti che inviano l'evento `gmp-select` quando vengono selezionati. È supportata anche la navigazione e la selezione accessibile da tastiera. Attributo HTML: `selectable`
`truncationPreferred` attr: truncation-preferred	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Se impostato su true, tronca alcune righe di contenuti per adattarle a una riga anziché andare a capo. Attributo HTML: `truncation-preferred`

Proprietà CSS
`--gmp-button-border-color`	Colore del bordo del pulsante "Apri in Maps".
`--gmp-button-border-radius`	Raggio del bordo del pulsante "Apri in Maps".
`--gmp-button-border-width`	Spessore bordo del pulsante "Apri in Maps".
`--gmp-card-border-radius`	Raggio del bordo per le schede dei luoghi.
`--gmp-dialog-border-radius`	Raggio del bordo per la finestra di dialogo di informativa di Google Maps.
`--gmp-mat-color-info`	Colore degli elementi UI con sentiment informativo. Utilizzato per l'icona dell'ingresso accessibile.
`--gmp-mat-color-negative`	Colore degli elementi UI con sentiment negativo. Utilizzato per l'etichetta "Chiuso" per l'orario di apertura di un luogo.
`--gmp-mat-color-neutral-container`	Colore del contenitore per gli elementi UI con riempimento neutro. Utilizzato per i badge della data della recensione e per il caricamento delle forme segnaposto.
`--gmp-mat-color-on-neutral-container`	Colore del testo e delle icone su un contenitore neutro. Utilizzato per il testo della data della recensione e il testo dell'errore di caricamento.
`--gmp-mat-color-on-secondary-container`	Colore del testo e delle icone rispetto a un colore del contenitore secondario. Utilizzato per il testo e le icone dei pulsanti.
`--gmp-mat-color-on-surface`	Colore per testo e icone rispetto a un colore della superficie. Utilizzato per le intestazioni e i contenuti delle finestre di dialogo.
`--gmp-mat-color-on-surface-variant`	Colore con enfasi minore per il testo e le icone rispetto a un colore della superficie. Utilizzato per le informazioni sui luoghi.
`--gmp-mat-color-outline-decorative`	Colore del contorno degli elementi non interattivi. Utilizzato per il bordo del container.
`--gmp-mat-color-positive`	Colore degli elementi UI con sentiment positivo. Utilizzato per l'etichetta "Aperto" per l'orario di apertura di un luogo.
`--gmp-mat-color-primary`	Colore del testo e delle icone interattivi rispetto al colore della superficie. Utilizzato per i link, l'indicatore di caricamento e le icone di panoramica.
`--gmp-mat-color-secondary-container`	Colore di riempimento meno evidente rispetto a una superficie. Utilizzato per gli sfondi dei pulsanti.
`--gmp-mat-color-surface`	Colore per gli sfondi. Utilizzato per gli sfondi di container e finestre di dialogo.
`--gmp-mat-font-body-small`	Utilizzato per le informazioni sui luoghi.
`--gmp-mat-font-family`	Famiglia di caratteri di base per tutto il testo.
`--gmp-mat-font-headline-medium`	Utilizzato per le intestazioni delle finestre di dialogo.
`--gmp-mat-font-label-large`	Utilizzato per i contenuti dei pulsanti.
`--gmp-mat-font-title-medium`	Utilizzato per il nome del luogo.
`--gmp-mat-spacing-extra-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-medium`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-star-rating-color`	Colore delle stelle piene in una valutazione a stelle.
`--gmp-thumbnail-border-radius`	Raggio del bordo per l'immagine in miniatura 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 la combinazione 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. Il valore predefinito è `16px`.

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-load`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando l'elemento carica ed esegue il rendering dei contenuti. Questo evento non si propaga.
`gmp-select`	`function(event)` Argomenti: `event: PlaceSelectEvent optional` Questo evento viene attivato quando un luogo viene selezionato dall'elenco. Contiene un oggetto `Place` contenente l'ID, la posizione e l'area visibile del luogo selezionato.

Interfaccia PlaceSearchElementOptions

interfaccia google.maps.places.PlaceSearchElementOptions
estesa da AdvancedPlaceSearchElementOptions
implementata da AdvancedPlaceSearchElement, PlaceSearchElement

Opzioni per PlaceSearchElement.

Proprietà
`attributionPosition` facoltativo	Tipo: `PlaceSearchAttributionPosition optional` Leggi i `PlaceSearchElement.attributionPosition`.
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.
`orientation` facoltativo	Tipo: `PlaceSearchOrientation optional` Leggi i `PlaceSearchElement.orientation`.
`selectable` facoltativo	Tipo: `boolean optional` Visualizza `PlaceSearchElement.selectable`
`truncationPreferred` facoltativo	Tipo: `boolean optional` Leggi i `PlaceSearchElement.truncationPreferred`.

Classe AdvancedPlaceSearchElement

class google.maps.places.AdvancedPlaceSearchElement extends PlaceSearchElement, HTMLElement implements AdvancedPlaceSearchElementOptions, PlaceSearchElementOptions
library "places"

Visualizza i risultati di una Place Search avanzata in un elenco. Aggiungi un PlaceTextSearchRequestElement o un PlaceNearbySearchRequestElement per specificare la richiesta per cui visualizzare i risultati. Aggiungi un PlaceStandardContentElement, un PlaceAllContentElement o un <template slot="details-item"> per specificare i contenuti di cui eseguire il rendering.

Esempio:

 <gmp-advanced-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-search>

Per utilizzare l'elemento Place Search avanzato, attiva l'API Places UI Kit per il tuo progetto nella console Google Cloud.

<gmp-advanced-place-search
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  selectable
  truncation-preferred>
</gmp-advanced-place-search>

const {AdvancedPlaceSearchElement} = await google.maps.importLibrary("places");

Costruttore
`AdvancedPlaceSearchElement`	`AdvancedPlaceSearchElement([options])` Parametri: `options: AdvancedPlaceSearchElementOptions optional`

Proprietà
`attributionPosition` attr: attribution-position	Tipo di input: `PlaceSearchAttributionPosition optional` Tipo di output: `PlaceSearchAttributionPosition` Valore predefinito: `PlaceSearchAttributionPosition.TOP` La posizione del logo di attribuzione e del pulsante di divulgazione. Attributo HTML: `attribution-position="value-name"`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Tipo di input: `PlaceSearchOrientation optional` Tipo di output: `PlaceSearchOrientation` Valore predefinito: `PlaceSearchOrientation.VERTICAL` La variante di orientamento (verticale o orizzontale) dell'elemento. Attributo HTML: `orientation="value-name"`
`selectable` attr: selectable	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Indica se gli elementi dell'elenco sono selezionabili o meno. Se il valore è true, gli elementi dell'elenco saranno pulsanti che inviano l'evento `gmp-select` quando vengono selezionati. È supportata anche la navigazione e la selezione accessibile da tastiera. Attributo HTML: `selectable`
`truncationPreferred` attr: truncation-preferred	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Se impostato su true, tronca alcune righe di contenuti per adattarle a una riga anziché andare a capo. Attributo HTML: `truncation-preferred`
Ereditato: `places`

Slot
`details-item`	Il modello HTML che contiene i Place Widgets gmp-place da visualizzare per ogni luogo nei risultati di ricerca.

Proprietà CSS
`--gmp-button-border-color`	Colore del bordo del pulsante "Apri in Maps".
`--gmp-button-border-radius`	Raggio del bordo del pulsante "Apri in Maps".
`--gmp-button-border-width`	Spessore bordo del pulsante "Apri in Maps".
`--gmp-card-border-radius`	Raggio del bordo per le schede dei luoghi.
`--gmp-dialog-border-radius`	Raggio del bordo per la finestra di dialogo di informativa di Google Maps.
`--gmp-mat-color-info`	Colore degli elementi UI con sentiment informativo. Utilizzato per l'icona dell'ingresso accessibile.
`--gmp-mat-color-negative`	Colore degli elementi UI con sentiment negativo. Utilizzato per l'etichetta "Chiuso" per l'orario di apertura di un luogo.
`--gmp-mat-color-neutral-container`	Colore del contenitore per gli elementi UI con riempimento neutro. Utilizzato per i badge della data della recensione e per il caricamento delle forme segnaposto.
`--gmp-mat-color-on-neutral-container`	Colore del testo e delle icone su un contenitore neutro. Utilizzato per il testo della data della recensione e il testo dell'errore di caricamento.
`--gmp-mat-color-on-secondary-container`	Colore del testo e delle icone rispetto a un colore del contenitore secondario. Utilizzato per il testo e le icone dei pulsanti.
`--gmp-mat-color-on-surface`	Colore per testo e icone rispetto a un colore della superficie. Utilizzato per le intestazioni e i contenuti delle finestre di dialogo.
`--gmp-mat-color-on-surface-variant`	Colore con enfasi minore per il testo e le icone rispetto a un colore della superficie. Utilizzato per le informazioni sui luoghi.
`--gmp-mat-color-outline-decorative`	Colore del contorno degli elementi non interattivi. Utilizzato per il bordo del container.
`--gmp-mat-color-positive`	Colore degli elementi UI con sentiment positivo. Utilizzato per l'etichetta "Aperto" per l'orario di apertura di un luogo.
`--gmp-mat-color-primary`	Colore del testo e delle icone interattivi rispetto al colore della superficie. Utilizzato per i link, l'indicatore di caricamento e le icone di panoramica.
`--gmp-mat-color-secondary-container`	Colore di riempimento meno evidente rispetto a una superficie. Utilizzato per gli sfondi dei pulsanti.
`--gmp-mat-color-surface`	Colore per gli sfondi. Utilizzato per gli sfondi di container e finestre di dialogo.
`--gmp-mat-font-body-small`	Utilizzato per le informazioni sui luoghi.
`--gmp-mat-font-family`	Famiglia di caratteri di base per tutto il testo.
`--gmp-mat-font-headline-medium`	Utilizzato per le intestazioni delle finestre di dialogo.
`--gmp-mat-font-label-large`	Utilizzato per i contenuti dei pulsanti.
`--gmp-mat-font-title-medium`	Utilizzato per il nome del luogo.
`--gmp-mat-spacing-extra-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-medium`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-star-rating-color`	Colore delle stelle piene in una valutazione a stelle.
`--gmp-thumbnail-border-radius`	Raggio del bordo per l'immagine in miniatura 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 la combinazione 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. Il valore predefinito è `16px`.

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-load`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando l'elemento carica ed esegue il rendering dei contenuti. Questo evento non si propaga.
`gmp-select`	`function(event)` Argomenti: `event: PlaceSelectEvent optional` Questo evento viene attivato quando un luogo viene selezionato dall'elenco. Contiene un oggetto `Place` contenente l'ID, la posizione e l'area visibile del luogo selezionato.

Interfaccia AdvancedPlaceSearchElementOptions

interface google.maps.places.AdvancedPlaceSearchElementOptions extends PlaceSearchElementOptions
implemented by AdvancedPlaceSearchElement

Opzioni per AdvancedPlaceSearchElement.

Proprietà
`attributionPosition` facoltativo	Tipo: `PlaceSearchAttributionPosition optional` Leggi i `PlaceSearchElement.attributionPosition`.
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.
`orientation` facoltativo	Tipo: `PlaceSearchOrientation optional` Leggi i `PlaceSearchElement.orientation`.
`selectable` facoltativo	Tipo: `boolean optional` Visualizza `PlaceSearchElement.selectable`
`truncationPreferred` facoltativo	Tipo: `boolean optional` Leggi i `PlaceSearchElement.truncationPreferred`.

Classe AdvancedPlaceListElement

class google.maps.places.AdvancedPlaceListElement extends HTMLElement implements AdvancedPlaceListElementOptions
library "places"

Visualizza i risultati di una Place Search in un elenco. Aggiungi uno o più PlaceDetailsPlaceRequestElement o imposta la proprietà places per specificare i luoghi da visualizzare. Aggiungi un PlaceStandardContentElement o un PlaceAllContentElement per specificare i contenuti di cui eseguire il rendering.

Esempio:

 <gmp-advanced-place-list>
   <gmp-place-details-place-request
     place="PLACE_ID"
   </gmp-place-details-place-request>
   <template slot="details-item">
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </template>
 </gmp-advanced-place-list>

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

<gmp-advanced-place-list
  attribution-position="value-name"
  internal-usage-attribution-ids="space separated strings"
  orientation="value-name"
  places="space separated strings"
  selectable
  truncation-preferred>
</gmp-advanced-place-list>

const {AdvancedPlaceListElement} = await google.maps.importLibrary("places");

Costruttore
`AdvancedPlaceListElement`	`AdvancedPlaceListElement([options])` Parametri: `options: AdvancedPlaceListElementOptions optional`

Proprietà
`attributionPosition` attr: attribution-position	Tipo di input: `PlaceSearchAttributionPosition optional` Tipo di output: `PlaceSearchAttributionPosition` Valore predefinito: `PlaceSearchAttributionPosition.TOP` La posizione del logo di attribuzione e del pulsante di divulgazione. Attributo HTML: `attribution-position="value-name"`
`internalUsageAttributionIds` attr: internal-usage-attribution-ids	Tipo di input: `Iterable<string> optional` Tipo di output: `Array<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici. Attributo HTML: `internal-usage-attribution-ids="space separated strings"`
`orientation` attr: orientation	Tipo di input: `PlaceSearchOrientation optional` Tipo di output: `PlaceSearchOrientation` Valore predefinito: `PlaceSearchOrientation.VERTICAL` La variante di orientamento (verticale o orizzontale) dell'elemento. Attributo HTML: `orientation="value-name"`
`places` attr: places	Tipo di input: `Iterable<Place\|string> optional` Tipo di output: `Array<Place>` Elenco di oggetti Luogo contenenti gli ID che devono essere visualizzati in questo elemento. Tieni presente che tutti i luoghi impostati nella proprietà places potrebbero non essere visualizzati se non è stato possibile eseguirne il rendering(ad es. ID non valido, errore di richiesta di rete e così via). La proprietà places può essere letta per recuperare i luoghi attualmente visualizzati. Attributo HTML: `places="space separated strings"`
`selectable` attr: selectable	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Indica se gli elementi dell'elenco sono selezionabili o meno. Se il valore è true, gli elementi dell'elenco saranno pulsanti che inviano l'evento `gmp-select` quando vengono selezionati. È supportata anche la navigazione e la selezione accessibile da tastiera. Attributo HTML: `selectable`
`truncationPreferred` attr: truncation-preferred	Tipo di input: `boolean optional` Tipo di output: `boolean` Valore predefinito: `false` Se impostato su true, tronca alcune righe di contenuti per adattarle a una riga anziché andare a capo. Attributo HTML: `truncation-preferred`

Slot
`details-item`	Il modello HTML che contiene i Place Widgets gmp-place da visualizzare per ogni luogo nell'elenco.

Proprietà CSS
`--gmp-button-border-color`	Colore del bordo del pulsante "Apri in Maps".
`--gmp-button-border-radius`	Raggio del bordo del pulsante "Apri in Maps".
`--gmp-button-border-width`	Spessore bordo del pulsante "Apri in Maps".
`--gmp-card-border-radius`	Raggio del bordo per le schede dei luoghi.
`--gmp-dialog-border-radius`	Raggio del bordo per la finestra di dialogo di informativa di Google Maps.
`--gmp-mat-color-info`	Colore degli elementi UI con sentiment informativo. Utilizzato per l'icona dell'ingresso accessibile.
`--gmp-mat-color-negative`	Colore degli elementi UI con sentiment negativo. Utilizzato per l'etichetta "Chiuso" per l'orario di apertura di un luogo.
`--gmp-mat-color-neutral-container`	Colore del contenitore per gli elementi UI con riempimento neutro. Utilizzato per i badge della data della recensione e per il caricamento delle forme segnaposto.
`--gmp-mat-color-on-neutral-container`	Colore del testo e delle icone su un contenitore neutro. Utilizzato per il testo della data della recensione e il testo dell'errore di caricamento.
`--gmp-mat-color-on-secondary-container`	Colore del testo e delle icone rispetto a un colore del contenitore secondario. Utilizzato per il testo e le icone dei pulsanti.
`--gmp-mat-color-on-surface`	Colore per testo e icone rispetto a un colore della superficie. Utilizzato per le intestazioni e i contenuti delle finestre di dialogo.
`--gmp-mat-color-on-surface-variant`	Colore con enfasi minore per il testo e le icone rispetto a un colore della superficie. Utilizzato per le informazioni sui luoghi.
`--gmp-mat-color-outline-decorative`	Colore del contorno degli elementi non interattivi. Utilizzato per il bordo del container.
`--gmp-mat-color-positive`	Colore degli elementi UI con sentiment positivo. Utilizzato per l'etichetta "Aperto" per l'orario di apertura di un luogo.
`--gmp-mat-color-primary`	Colore del testo e delle icone interattivi rispetto al colore della superficie. Utilizzato per i link, l'indicatore di caricamento e le icone di panoramica.
`--gmp-mat-color-secondary-container`	Colore di riempimento meno evidente rispetto a una superficie. Utilizzato per gli sfondi dei pulsanti.
`--gmp-mat-color-surface`	Colore per gli sfondi. Utilizzato per gli sfondi di container e finestre di dialogo.
`--gmp-mat-font-body-small`	Utilizzato per le informazioni sui luoghi.
`--gmp-mat-font-family`	Famiglia di caratteri di base per tutto il testo.
`--gmp-mat-font-headline-medium`	Utilizzato per le intestazioni delle finestre di dialogo.
`--gmp-mat-font-label-large`	Utilizzato per i contenuti dei pulsanti.
`--gmp-mat-font-title-medium`	Utilizzato per il nome del luogo.
`--gmp-mat-spacing-extra-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-large`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-medium`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-mat-spacing-small`	Utilizzato per la spaziatura all'interno dell'elemento, ad esempio il margine e il padding intorno al testo.
`--gmp-star-rating-color`	Colore delle stelle piene in una valutazione a stelle.
`--gmp-thumbnail-border-radius`	Raggio del bordo per l'immagine in miniatura 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 la combinazione 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. Il valore predefinito è `16px`.

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Eventi
`gmp-error`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando una richiesta al backend è stata rifiutata (ad es. chiave API errata). Questo evento non si propaga.
`gmp-load`	`function(event)` Argomenti: `event: Event optional` Questo evento viene attivato quando l'elemento carica ed esegue il rendering dei contenuti. Questo evento non si propaga.
`gmp-select`	`function(event)` Argomenti: `event: PlaceSelectEvent optional` Questo evento viene attivato quando un luogo viene selezionato dall'elenco. Contiene un oggetto `Place` contenente l'ID, la posizione e l'area visibile del luogo selezionato.

Interfaccia AdvancedPlaceListElementOptions

interfaccia google.maps.places.AdvancedPlaceListElementOptions
implementata da AdvancedPlaceListElement

Opzioni per AdvancedPlaceListElement.

Proprietà
`attributionPosition` facoltativo	Tipo: `PlaceSearchAttributionPosition optional` Leggi i `PlaceSearchElement.attributionPosition`.
`internalUsageAttributionIds` facoltativo	Tipo: `Iterable<string> optional` Identificatori utilizzati per attribuire le chiamate a pacchetti o librerie OSS specifici.
`orientation` facoltativo	Tipo: `PlaceSearchOrientation optional` Leggi i `PlaceSearchElement.orientation`.
`places` facoltativo	Tipo: `Iterable<Place\|string> optional` Leggi i `AdvancedPlaceListElement.places`.
`selectable` facoltativo	Tipo: `boolean optional` Visualizza `PlaceSearchElement.selectable`
`truncationPreferred` facoltativo	Tipo: `boolean optional` Leggi i `PlaceSearchElement.truncationPreferred`.

Costanti PlaceSearchAttributionPosition

constants google.maps.places.PlaceSearchAttributionPosition
library "places"

Posizioni di attribuzione per PlaceSearchElement.

Queste costanti sono utilizzabili anche come stringhe. In TypeScript, i valori letterali stringa sono definiti dal tipo PlaceSearchAttributionPositionString.

const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places");

Costanti
`BOTTOM`	Attribuzione nella parte inferiore di PlaceSearchElement
`TOP`	Attribuzione nella parte superiore di PlaceSearchElement

Costanti PlaceSearchOrientation

constants google.maps.places.PlaceSearchOrientation
library "places"

Varianti di orientamento per PlaceSearchElement.

Queste costanti sono utilizzabili anche come stringhe. In TypeScript, i valori letterali stringa sono definiti dal tipo PlaceSearchOrientationString.

const {PlaceSearchOrientation} = await google.maps.importLibrary("places");

Costanti
`HORIZONTAL`	Orientamento orizzontale.
`VERTICAL`	Orientamento verticale.

Classe PlaceSelectEvent

class google.maps.places.PlaceSelectEvent extends Event
library "places"

Questo evento viene attivato quando un luogo viene selezionato da un elenco di luoghi. Accedi alla selezione con event.place.

const {PlaceSelectEvent} = await google.maps.importLibrary("places");

Proprietà
`place` readonly	Tipo: `Place` Il luogo selezionato.

Classe PlaceNearbySearchRequestElement

class google.maps.places.PlaceNearbySearchRequestElement extends HTMLElement implements PlaceNearbySearchRequestElementOptions
library "places"

Configura un PlaceSearchElement per caricare i risultati in base a una richiesta di Nearby Search. La proprietà locationRestriction è obbligatoria per il caricamento dell'elemento di ricerca. Se locationRestriction non è impostata, tutte le altre proprietà configurate verranno ignorate. Aggiungi questo elemento come elemento secondario di un PlaceSearchElement per caricare i risultati. Ad esempio:

 <gmp-place-search>
   <gmp-place-nearby-search-request
     location-restriction="RADIUS@LAT,LNG"
   ></gmp-place-nearby-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search>

<gmp-place-nearby-search-request
  excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."
  excluded-types="excluded-type1 excluded-type2..."
  included-primary-types="included-primary-type1 included-primary-type2..."
  included-types="included-type1 included-type2..."
  location-restriction="radius@lat,lng"
  max-result-count="number"
  rank-preference="value-name">
</gmp-place-nearby-search-request>

const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceNearbySearchRequestElement`	`PlaceNearbySearchRequestElement([options])` Parametri: `options: PlaceNearbySearchRequestElementOptions optional`

Proprietà
`excludedPrimaryTypes` attr: excluded-primary-types	Tipo di input: `Array<string> optional` Tipo di output: `Array<string> optional` Valore predefinito: `null` Tipi di luoghi principali esclusi. Attributo HTML: `excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."`
`excludedTypes` attr: excluded-types	Tipo di input: `Array<string> optional` Tipo di output: `Array<string> optional` Valore predefinito: `null` Tipi di luoghi esclusi. Attributo HTML: `excluded-types="excluded-type1 excluded-type2..."`
`futureOpeningBusinessesIncluded`	Tipo di input: `boolean optional` Tipo di output: `boolean optional` Includi previsioni dei luoghi per le attività che non sono ancora aperte, ma che dovrebbero aprire in futuro.
`includedPrimaryTypes` attr: included-primary-types	Tipo di input: `Array<string> optional` Tipo di output: `Array<string> optional` Valore predefinito: `null` Tipo di luogo principale incluso. Attributo HTML: `included-primary-types="included-primary-type1 included-primary-type2..."`
`includedTypes` attr: included-types	Tipo di input: `Array<string> optional` Tipo di output: `Array<string> optional` Valore predefinito: `null` Tipo di luogo incluso. Attributo HTML: `included-types="included-type1 included-type2..."`
`locationRestriction` attr: location-restriction	Tipo di input: `Circle\|CircleLiteral optional` Tipo di output: `Circle optional` Valore predefinito: `null` La regione in cui eseguire la ricerca. Normalizza in un `Circle`. Attributo HTML: `location-restriction="radius@lat,lng"`
`maxResultCount` attr: max-result-count	Tipo di input: `number optional` Tipo di output: `number optional` Valore predefinito: `null` Il numero massimo di risultati da restituire. Attributo HTML: `max-result-count="number"`
`rankPreference` attr: rank-preference	Tipo di input: `SearchNearbyRankPreference optional` Tipo di output: `SearchNearbyRankPreference optional` Valore predefinito: `null` Come verranno classificati i risultati nella risposta. Attributo HTML: `rank-preference="value-name"`

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Interfaccia PlaceNearbySearchRequestElementOptions

interfaccia google.maps.places.PlaceNearbySearchRequestElementOptions
implementata da PlaceNearbySearchRequestElement

Opzioni per PlaceNearbySearchRequestElement.

Proprietà
`excludedPrimaryTypes` facoltativo	Tipo: `Array<string> optional` Tipi di luoghi principali esclusi. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.excludedPrimaryTypes` e `SearchNearbyRequest.excludedPrimaryTypes`.
`excludedTypes` facoltativo	Tipo: `Array<string> optional` Tipi di luoghi esclusi. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.excludedTypes` e `SearchNearbyRequest.excludedTypes`.
`futureOpeningBusinessesIncluded` facoltativo	Tipo: `boolean optional` Includi previsioni dei luoghi per le attività che non sono ancora aperte, ma che dovrebbero aprire in futuro.
`includedPrimaryTypes` facoltativo	Tipo: `Array<string> optional` Tipi di luoghi principali inclusi. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.includedPrimaryTypes` e `SearchNearbyRequest.includedPrimaryTypes`.
`includedTypes` facoltativo	Tipo: `Array<string> optional` Tipi di luoghi inclusi. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.includedTypes` e `SearchNearbyRequest.includedTypes`.
`locationRestriction` facoltativo	Tipo: `Circle\|CircleLiteral optional` La regione in cui eseguire la ricerca. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.locationRestriction` e `SearchNearbyRequest.locationRestriction`.
`maxResultCount` facoltativo	Tipo: `number optional` Il numero massimo di risultati da restituire. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.maxResultCount` e `SearchNearbyRequest.maxResultCount`.
`rankPreference` facoltativo	Tipo: `SearchNearbyRankPreference optional` Come verranno classificati i risultati nella risposta. Per maggiori dettagli, consulta `PlaceNearbySearchRequestElement.rankPreference` e `SearchNearbyRankPreference`.

Classe PlaceTextSearchRequestElement

class google.maps.places.PlaceTextSearchRequestElement extends HTMLElement implements PlaceTextSearchRequestElementOptions
library "places"

Configura un PlaceSearchElement per caricare i risultati in base a una richiesta di Ricerca testuale. La proprietà textQuery è obbligatoria per il caricamento dell'elemento di ricerca. Se textQuery non è impostata, tutte le altre proprietà configurate verranno ignorate. Aggiungi questo elemento come elemento secondario di un PlaceSearchElement per caricare i risultati. Ad esempio:

 <gmp-place-search>
   <gmp-place-text-search-request
     text-query="QUERY"
   ></gmp-place-text-search-request>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
   </gmp-place-content-config>
 </gmp-place-search>

<gmp-place-text-search-request
  ev-connector-types="ev-connector-type1 ev-connector-type2..."
  ev-minimum-charging-rate-kw="number"
  included-type="type"
  is-open-now
  location-bias="lat,lng"
  location-restriction="southwest-lat,southwest-lng|northeast-lat,northeast-lng"
  max-result-count="number"
  min-rating="number"
  price-levels="price-level1 price-level2..."
  rank-preference="value-name"
  text-query="string"
  use-strict-type-filtering>
</gmp-place-text-search-request>

const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceTextSearchRequestElement`	`PlaceTextSearchRequestElement([options])` Parametri: `options: PlaceTextSearchRequestElementOptions optional`

Proprietà
`evConnectorTypes` attr: ev-connector-types	Tipo di input: `Array<EVConnectorType> optional` Tipo di output: `Array<EVConnectorType> optional` Valore predefinito: `null` L'elenco dei tipi di connettori EV preferiti. Attributo HTML: `ev-connector-types="ev-connector-type1 ev-connector-type2..."`
`evMinimumChargingRateKw` attr: ev-minimum-charging-rate-kw	Tipo di input: `number optional` Tipo di output: `number optional` Valore predefinito: `null` Velocità di ricarica minima richiesta in kilowatt. Attributo HTML: `ev-minimum-charging-rate-kw="number"`
`futureOpeningBusinessesIncluded`	Tipo di input: `boolean optional` Tipo di output: `boolean optional` Includi previsioni dei luoghi per le attività che non sono ancora aperte, ma che dovrebbero aprire in futuro.
`includedType` attr: included-type	Tipo di input: `string optional` Tipo di output: `string optional` Valore predefinito: `null` Il tipo di luogo richiesto. Attributo HTML: `included-type="type"`
`isOpenNow` attr: is-open-now	Tipo di input: `boolean optional` Tipo di output: `boolean optional` Valore predefinito: `null` Utilizzato per limitare la ricerca ai luoghi attualmente aperti. Attributo HTML: `is-open-now`
`locationBias` attr: location-bias	Tipo di input: `LocationBias optional` Tipo di output: `LatLngAltitude\|LatLngBounds\|Circle\|string optional` Valore predefinito: `null` Bias di località per la ricerca. Attributo HTML: `location-bias="lat,lng"` `location-bias="lat,lng[,altitude]"` `location-bias="swlat,swlng\|nelat,nelng"` `location-bias="radius@lat,lng"` `location-bias="IP_BIAS"`
`locationRestriction` attr: location-restriction	Tipo di input: `LatLngBounds\|LatLngBoundsLiteral optional` Tipo di output: `LatLngBounds optional` Valore predefinito: `null` Limitazione della località per la ricerca. Normalizza in un `LatLngBounds`. Attributo HTML: `location-restriction="southwest-lat,southwest-lng\|northeast-lat,northeast-lng"`
`maxResultCount` attr: max-result-count	Tipo di input: `number optional` Tipo di output: `number optional` Valore predefinito: `null` Il numero massimo di risultati da restituire. Attributo HTML: `max-result-count="number"`
`minRating` attr: min-rating	Tipo di input: `number optional` Tipo di output: `number optional` Valore predefinito: `null` Filtra i risultati la cui valutazione media degli utenti è rigorosamente inferiore a questo limite. Attributo HTML: `min-rating="number"`
`priceLevels` attr: price-levels	Tipo di input: `Array<PriceLevel> optional` Tipo di output: `Array<PriceLevel> optional` Valore predefinito: `null` Utilizzato per limitare la ricerca ai luoghi contrassegnati con determinati livelli di prezzo. Attributo HTML: `price-levels="price-level1 price-level2..."`
`rankPreference` attr: rank-preference	Tipo di input: `SearchByTextRankPreference optional` Tipo di output: `SearchByTextRankPreference optional` Valore predefinito: `null` Come verranno classificati i risultati nella risposta. Attributo HTML: `rank-preference="value-name"`
`textQuery` attr: text-query	Tipo di input: `string optional` Tipo di output: `string optional` Valore predefinito: `null` La query di testo per la ricerca testuale. Attributo HTML: `text-query="string"`
`useStrictTypeFiltering` attr: use-strict-type-filtering	Tipo di input: `boolean optional` Tipo di output: `boolean optional` Valore predefinito: `null` Utilizzato per impostare un filtro di tipo rigoroso per "includedType". Attributo HTML: `use-strict-type-filtering`

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Interfaccia PlaceTextSearchRequestElementOptions

interfaccia google.maps.places.PlaceTextSearchRequestElementOptions
implementata da PlaceTextSearchRequestElement

Opzioni per PlaceTextSearchRequestElement.

Proprietà
`evConnectorTypes` facoltativo	Tipo: `Array<EVConnectorType> optional` L'elenco dei tipi di connettori EV preferiti. Per maggiori dettagli, consulta `SearchByTextRequest.evSearchOptions` e `PlaceTextSearchRequestElement.evConnectorTypes`.
`evMinimumChargingRateKw` facoltativo	Tipo: `number optional` Velocità di ricarica minima richiesta in kilowatt. Per maggiori dettagli, consulta `SearchByTextRequest.evSearchOptions` e `PlaceTextSearchRequestElement.evMinimumChargingRateKw`.
`futureOpeningBusinessesIncluded` facoltativo	Tipo: `boolean optional` Includi previsioni dei luoghi per le attività che non sono ancora aperte, ma che dovrebbero aprire in futuro.
`includedType` facoltativo	Tipo: `string optional` Il tipo di luogo richiesto. Per maggiori dettagli, consulta `SearchByTextRequest.includedType` e `PlaceTextSearchRequestElement.includedType`.
`isOpenNow` facoltativo	Tipo: `boolean optional` Utilizzato per limitare la ricerca ai luoghi attualmente aperti. Per maggiori dettagli, consulta `SearchByTextRequest.isOpenNow` e `PlaceTextSearchRequestElement.isOpenNow`.
`locationBias` facoltativo	Tipo: `LocationBias optional` Bias di località per la ricerca. Per maggiori dettagli, consulta `SearchByTextRequest.locationBias` e `PlaceTextSearchRequestElement.locationBias`.
`locationRestriction` facoltativo	Tipo: `LatLngBounds\|LatLngBoundsLiteral optional` Limitazione della località per la ricerca. Per maggiori dettagli, consulta `SearchByTextRequest.locationRestriction` e `PlaceTextSearchRequestElement.locationRestriction`.
`maxResultCount` facoltativo	Tipo: `number optional` Il numero massimo di risultati da restituire. Per maggiori dettagli, consulta `SearchByTextRequest.maxResultCount` e `PlaceTextSearchRequestElement.maxResultCount`.
`minRating` facoltativo	Tipo: `number optional` Filtra i risultati la cui valutazione media degli utenti è rigorosamente inferiore a questo limite. Per maggiori dettagli, consulta `SearchByTextRequest.minRating` e `PlaceTextSearchRequestElement.minRating`.
`priceLevels` facoltativo	Tipo: `Array<PriceLevel> optional` Utilizzato per limitare la ricerca ai luoghi contrassegnati con determinati livelli di prezzo. Per maggiori dettagli, consulta `SearchByTextRequest.priceLevels` e `PlaceTextSearchRequestElement.priceLevels`.
`rankPreference` facoltativo	Tipo: `SearchByTextRankPreference optional` Come verranno classificati i risultati nella risposta. Per maggiori dettagli, consulta `SearchByTextRequest.rankPreference` e `PlaceTextSearchRequestElement.rankPreference`.
`textQuery` facoltativo	Tipo: `string optional` La query di testo per la ricerca testuale. Per maggiori dettagli, consulta `SearchByTextRequest.textQuery` e `PlaceTextSearchRequestElement.textQuery`.
`useStrictTypeFiltering` facoltativo	Tipo: `boolean optional` Utilizzato per impostare un filtro di tipo rigoroso per `SearchByTextRequest.includedType`. Per maggiori dettagli, consulta `SearchByTextRequest.useStrictTypeFiltering` e `PlaceTextSearchRequestElement.useStrictTypeFiltering`.

Classe Autocomplete

class google.maps.places.Autocomplete extends MVCObject
library "places"

Ritirato: a partire dal 1° marzo 2025, google.maps.places.Autocomplete non è disponibile per i nuovi clienti. Utilizza PlaceAutocompleteElement. Al momento, non è prevista la dismissione di google.maps.places.Autocomplete, ma è consigliabile utilizzare PlaceAutocompleteElement anziché google.maps.places.Autocomplete. Sebbene google.maps.places.Autocomplete continuerà a ricevere correzioni di bug per eventuali regressioni importanti, i bug esistenti in google.maps.places.Autocomplete non verranno risolti. Verrà dato un preavviso di almeno 12 mesi prima dell'interruzione dell'assistenza. Per ulteriori dettagli, consulta la pagina https://developers.google.com/maps/legacy e la guida alla migrazione all'indirizzo https://developers.google.com/maps/documentation/javascript/places-migration-overview.

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 rimane in ascolto dell'inserimento di testo in quel campo. L'elenco delle previsioni viene presentato come elenco a discesa e viene aggiornato man mano che viene inserito il testo.

const {Autocomplete} = await google.maps.importLibrary("places");

Costruttore
`Autocomplete`	`Autocomplete(inputField[, opts])` Parametri: `inputField: HTMLInputElement` Il campo di testo `<input>` a cui deve essere allegato `Autocomplete`. `opts: AutocompleteOptions optional` opzioni. Crea una nuova istanza di `Autocomplete` che si collega al campo di testo di input specificato con le opzioni indicate.

Metodi
`getBounds`	`getBounds()` Parametri: nessuno Valore restituito: `LatLngBounds\|undefined` i limiti di bias. Restituisce i limiti verso i quali sono orientate le previsioni.
`getFields`	`getFields()` Parametri: nessuno Valore restituito: `Array<string>\|undefined` Restituisce i campi da includere per il luogo nella risposta dei dettagli quando questi vengono recuperati correttamente. Per un elenco dei campi, consulta `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 immissione.
`setBounds`	`setBounds(bounds)` Parametri: `bounds: LatLngBounds\|LatLngBoundsLiteral optional` I limiti di bias. Valore restituito: nessuno Imposta l'area preferita in cui restituire i risultati di Place. I risultati sono orientati verso questa area, ma non limitati a questa.
`setComponentRestrictions`	`setComponentRestrictions(restrictions)` Parametri: `restrictions: ComponentRestrictions optional` Le limitazioni da utilizzare. Valore restituito: nessuno Imposta le limitazioni dei componenti. I vincoli dei componenti vengono utilizzati per limitare le previsioni solo a quelle all'interno del componente principale. Ad esempio, il paese.
`setFields`	`setFields(fields)` Parametri: `fields: Array<string> optional` Valore restituito: nessuno Imposta i campi da includere per il luogo nella risposta dei dettagli quando questi vengono recuperati correttamente. Per un elenco dei campi, consulta `PlaceResult`.
`setOptions`	`setOptions(options)` Parametri: `options: AutocompleteOptions optional` Valore restituito: nessuno
`setTypes`	`setTypes(types)` Parametri: `types: Array<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.
Ereditate: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventi

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 che non è stato suggerito dal controllo e preme il tasto Invio o se una richiesta Place Details non va a buon fine, PlaceResult contiene l'input dell'utente nella proprietà name, senza altre proprietà definite.

Interfaccia AutocompleteOptions

interfaccia google.maps.places.AutocompleteOptions

Le opzioni che possono essere impostate su un oggetto Autocomplete.

Proprietà
`bounds` facoltativo	Tipo: `LatLngBounds\|LatLngBoundsLiteral optional` L'area in cui cercare i luoghi.
`componentRestrictions` facoltativo	Tipo: `ComponentRestrictions optional` Le limitazioni dei componenti. I vincoli dei componenti vengono utilizzati per limitare le previsioni solo a quelle all'interno del componente principale. Ad esempio, il paese.
`fields` facoltativo	Tipo: `Array<string> optional` Campi da includere per il luogo nella risposta dei dettagli quando questi vengono recuperati correttamente, per i quali verrà emessa fattura. Se viene passato `['ALL']`, verranno restituiti e fatturati tutti i campi disponibili (questa opzione non è consigliata per i deployment di produzione). Per un elenco dei campi, consulta `PlaceResult`. I campi nidificati possono essere specificati con percorsi con punti (ad esempio, `"geometry.location"`). Il valore predefinito è `['ALL']`.
`placeIdOnly` facoltativo	Ritirato: `placeIdOnly` è stato ritirato il 15 gennaio 2019 e verrà disattivato il 15 gennaio 2020. Utilizza invece `AutocompleteOptions.fields`: `fields: ['place_id', 'name', 'types']`. 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 ID luogo, types e name, con ID luogo, types e description restituiti dal servizio Autocomplete. Disattivato per impostazione predefinita.
`strictBounds` facoltativo	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), la differenziazione dei risultati sarà orientata verso i luoghi contenuti entro i limiti, ma non limitata a questi.
`types` facoltativo	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.

class google.maps.places.SearchBox extends MVCObject
library "places"

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

const {SearchBox} = await google.maps.importLibrary("places");

Costruttore
`SearchBox`	`SearchBox(inputField[, opts])` Parametri: `inputField: HTMLInputElement` `opts: SearchBoxOptions optional` Crea una nuova istanza di `SearchBox` che si collega al campo di testo di input specificato con le opzioni indicate.

Metodi
`getBounds`	`getBounds()` Parametri: nessuno Valore restituito: `LatLngBounds\|undefined` Restituisce i limiti entro i quali sono sbilanciate 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: `bounds: LatLngBounds\|LatLngBoundsLiteral optional` Valore restituito: nessuno Imposta la regione da utilizzare per influenzare le previsioni delle query. I risultati saranno influenzati da questa area, ma non saranno completamente limitati a questa.
Ereditate: `addListener`, `bindTo`, `get`, `notify`, `set`, `setValues`, `unbind`, `unbindAll`

Eventi
`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

interfaccia google.maps.places.SearchBoxOptions

Le opzioni che possono essere impostate su un oggetto SearchBox.

Proprietà
`bounds` facoltativo	Tipo: `LatLngBounds\|LatLngBoundsLiteral optional` L'area verso cui orientare le previsioni delle query. Le previsioni sono orientate, ma non limitate, alle query che hanno come target questi limiti.

Classe PlaceContextualElement

class google.maps.places.PlaceContextualElement extends HTMLElement implements PlaceContextualElementOptions
library "places"

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

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

const {PlaceContextualElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceContextualElement`	`PlaceContextualElement([options])` Parametri: `options: PlaceContextualElementOptions optional`

Proprietà
`contextToken` attr: context-token	Tipo di input: `string optional` Tipo di output: `string optional` Il token di contesto. Attributo HTML: `context-token="string"`

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Interfaccia PlaceContextualElementOptions

interfaccia google.maps.places.PlaceContextualElementOptions
implementata da PlaceContextualElement

Opzioni per PlaceContextualElement.

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

Classe PlaceContextualListConfigElement

class google.maps.places.PlaceContextualListConfigElement extends HTMLElement implements PlaceContextualListConfigElementOptions
library "places"

Un elemento HTML che configura le opzioni per la visualizzazione elenco di Place Contextual Element.

<gmp-place-contextual-list-config
  layout="value-name"
  map-hidden>
</gmp-place-contextual-list-config>

const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places");

Costruttore
`PlaceContextualListConfigElement`	`PlaceContextualListConfigElement([options])` Parametri: `options: PlaceContextualListConfigElementOptions optional`

Proprietà
`layout` attr: layout	Tipo di input: `PlaceContextualListLayout optional` Tipo di output: `PlaceContextualListLayout` Il layout. Attributo HTML: `layout="value-name"`
`mapHidden` attr: map-hidden	Tipo di input: `boolean optional` Tipo di output: `boolean` Indica se la mappa è nascosta. Attributo HTML: `map-hidden`

Metodi
Ereditato: `addEventListener`, `removeEventListener`

Interfaccia PlaceContextualListConfigElementOptions

interfaccia google.maps.places.PlaceContextualListConfigElementOptions
implementata da PlaceContextualListConfigElement

Opzioni per PlaceContextualListConfigElement.

Proprietà
`layout` facoltativo	Tipo: `PlaceContextualListLayout optional` Valore predefinito: `PlaceContextualListLayout.VERTICAL` Il layout.
`mapHidden` facoltativo	Tipo: `boolean optional` Valore predefinito: `false` True se la mappa deve essere nascosta.

Costanti PlaceContextualListLayout

constants google.maps.places.PlaceContextualListLayout
library "places"

L'elenco dei layout supportati dall'elemento Place Contextual per la visualizzazione elenco.

Queste costanti sono utilizzabili anche come stringhe. In TypeScript, i valori letterali stringa sono definiti dal tipo PlaceContextualListLayoutString.

const {PlaceContextualListLayout} = await google.maps.importLibrary("places");

Costanti
`COMPACT`	Layout a elenco compatto: gli elementi dell'elenco vengono visualizzati come link su una singola riga, con overflow in un elenco a discesa.
`VERTICAL`	Layout a elenco verticale: gli elementi dell'elenco vengono visualizzati come schede in un elenco verticale.

Places Widgets Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

Classe PlaceAutocompleteElement

Costruttore

Proprietà

Slot

Componenti

Proprietà CSS

Metodi

Eventi

Interfaccia PlaceAutocompleteElementOptions

Proprietà

Classe PlacePredictionSelectEvent

Proprietà

Classe BasicPlaceAutocompleteElement

Costruttore

Proprietà

Slot

Componenti

Proprietà CSS

Metodi

Eventi

Interfaccia BasicPlaceAutocompleteElementOptions

Proprietà

Classe PlaceDetailsElement

Costruttore

Proprietà

Proprietà CSS

Metodi

Eventi

Interfaccia PlaceDetailsElementOptions

Proprietà

Classe PlaceDetailsCompactElement

Costruttore

Proprietà

Proprietà CSS

Metodi

Eventi

Interfaccia PlaceDetailsCompactElementOptions

Proprietà

Classe AdvancedPlaceDetailsElement

Costruttore

Proprietà

Slot

Proprietà CSS

Metodi

Eventi

Interfaccia AdvancedPlaceDetailsElementOptions

Proprietà

Classe AdvancedPlaceDetailsCompactElement

Costruttore

Proprietà

Slot

Proprietà CSS

Metodi

Eventi

Interfaccia AdvancedPlaceDetailsCompactElementOptions

Proprietà

Costanti PlaceDetailsOrientation

Costanti

Classe PlaceDetailsPlaceRequestElement

Costruttore

Proprietà

Metodi

Interfaccia PlaceDetailsPlaceRequestElementOptions

Proprietà

Classe PlaceDetailsLocationRequestElement

Costruttore

Proprietà

Metodi

Interfaccia PlaceDetailsLocationRequestElementOptions

Proprietà

Classe PlaceSearchElement

Costruttore

Proprietà

Proprietà CSS

Metodi

Eventi

Interfaccia PlaceSearchElementOptions

Proprietà

Classe AdvancedPlaceSearchElement

Places Widgets