Place Widget Content Customization

Classe PlaceContentConfigElement

class google.maps.places.PlaceContentConfigElement extends HTMLElement implements PlaceContentConfigElementOptions
library "places"

Deprecato: aggiungi elementi di contenuti o elementi preimpostati (PlaceAllContentElement, PlaceStandardContentElement) direttamente a PlaceDetailsElement o PlaceDetailsCompactElement oppure all'interno di un elemento figlio <template slot="details-item"> in PlaceSearchElement. Al momento, non è prevista la dismissione di PlaceContentConfigElement. Verrà dato un preavviso di almeno 12 mesi prima dell'interruzione dell'assistenza. Per ulteriori dettagli, consulta la pagina https://developers.google.com/maps/deprecations.

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare un insieme personalizzato di contenuti. Per utilizzarlo, aggiungi questo elemento come elemento secondario.

Per PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement, aggiungi uno dei seguenti elementi a PlaceContentConfigElement per mostrare i contenuti corrispondenti:
PlaceAddressElement, PlaceAccessibleEntranceIconElement, PlaceAttributionElement PlaceMediaElement, PlaceOpenNowStatusElement, PlacePriceElement, PlaceRatingElement, PlaceTypeElement.

In particolare per PlaceDetailsElement, puoi anche aggiungere uno dei seguenti elementi:
PlaceFeatureListElement PlaceOpeningHoursElement, PlacePhoneNumberElement, PlacePlusCodeElement, PlaceReviewSummaryElement, PlaceReviewsElement, PlaceSummaryElement, PlaceTypeSpecificHighlightsElement, PlaceWebsiteElement.

L'ordine degli elementi secondari non è importante; l'elemento esegue il rendering dei contenuti in un ordine standard non personalizzabile. Esempio:

 <gmp-place-details>
   <gmp-place-content-config>
     <gmp-place-media lightbox-preferred></gmp-place-media>
     <gmp-place-address></gmp-place-address>
   </gmp-place-content-config>
 </gmp-place-details> 

<gmp-place-content-config></gmp-place-content-config>

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

Costruttore
PlaceContentConfigElement	PlaceContentConfigElement([options]) Parametri: options: PlaceContentConfigElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceContentConfigElementOptions

interfaccia google.maps.places.PlaceContentConfigElementOptions
implementata da PlaceContentConfigElement

Deprecato: aggiungi elementi di contenuti o elementi preimpostati (PlaceAllContentElement, PlaceStandardContentElement) direttamente a PlaceDetailsElement o PlaceDetailsCompactElement oppure all'interno di un elemento figlio <template slot="details-item"> in PlaceSearchElement. Al momento, non è prevista la dismissione di PlaceContentConfigElement. Verrà dato un preavviso di almeno 12 mesi prima dell'interruzione dell'assistenza. Per ulteriori dettagli, consulta la pagina https://developers.google.com/maps/deprecations.

Opzioni per PlaceContentConfigElement.

Classe PlaceAllContentElement

class google.maps.places.PlaceAllContentElement extends HTMLElement implements PlaceAllContentElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare tutti i contenuti disponibili. Per utilizzarlo, aggiungi questo elemento come elemento secondario. Ad esempio:

 <gmp-place-details>
   <gmp-place-all-content></gmp-place-all-content>
 </gmp-place-details>
 

<gmp-place-all-content></gmp-place-all-content>

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

Costruttore
PlaceAllContentElement	PlaceAllContentElement([options]) Parametri: options: PlaceAllContentElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceAllContentElementOptions

interfaccia google.maps.places.PlaceAllContentElementOptions
implementata da PlaceAllContentElement

Opzioni per PlaceAllContentElement.

Classe PlaceStandardContentElement

class google.maps.places.PlaceStandardContentElement extends HTMLElement implements PlaceStandardContentElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare un set di standard di contenuti. Per utilizzarlo, aggiungi questo elemento come elemento secondario.
Per PlaceDetailsElement, i contenuti standard sono costituiti da:

• media
• indirizzo
• classificazione
• tipo
• prezzo
• icona ingresso accessibile
• sito web
• numero di telefono
• orario di apertura
• riepilogo
• momenti salienti specifici per tipo
• recensioni
• elenco delle funzionalità

Per PlaceDetailsCompactElement, i contenuti standard sono costituiti da:

• media
• classificazione
• tipo
• prezzo
• icona ingresso accessibile
• stato aperto ora

Per PlaceSearchElement, i contenuti standard sono costituiti da:

• media
• classificazione
• tipo
• prezzo
• icona ingresso accessibile

Ad esempio:

 <gmp-place-details>
   <gmp-place-standard-content></gmp-place-standard-content>
 </gmp-place-details>
 

<gmp-place-standard-content></gmp-place-standard-content>

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

Costruttore
PlaceStandardContentElement	PlaceStandardContentElement([options]) Parametri: options: PlaceStandardContentElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceStandardContentElementOptions

interfaccia google.maps.places.PlaceStandardContentElementOptions
implementata da PlaceStandardContentElement

Opzioni per PlaceStandardContentElement.

Classe PlaceMediaElement

class google.maps.places.PlaceMediaElement extends HTMLElement implements PlaceMediaElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare i contenuti multimediali di un luogo, ad esempio le foto. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-media lightbox-preferred></gmp-place-media>
 </gmp-place-content-config>
 

<gmp-place-media
  lightbox-preferred
  preferred-size="value-name">
</gmp-place-media>

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

Costruttore
PlaceMediaElement	PlaceMediaElement([options]) Parametri: options: PlaceMediaElementOptions optional

Proprietà
lightboxPreferred attr: lightbox-preferred	Tipo di input: boolean optional Tipo di output: boolean Valore predefinito: false Indica se attivare o disattivare la lightbox multimediale, nei casi in cui sono supportate entrambe le opzioni. Attributo HTML: lightbox-preferred
preferredSize attr: preferred-size	Tipo di input: MediaSize optional Tipo di output: MediaSize optional Valore predefinito: null Le dimensioni preferite dei contenuti multimediali nei casi in cui sono supportate più dimensioni, ad esempio il verticale PlaceSearchElement. Se non viene specificato, il verticale PlaceSearchElement utilizzerà MediaSize.SMALL per impostazione predefinita. Attributo HTML: preferred-size="value-name"

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceMediaElementOptions

interfaccia google.maps.places.PlaceMediaElementOptions
implementata da PlaceMediaElement

Opzioni per PlaceMediaElement.

Proprietà
lightboxPreferred facoltativo	Tipo: boolean optional Leggi i PlaceMediaElement.lightboxPreferred.
preferredSize facoltativo	Tipo: MediaSize optional Leggi i PlaceMediaElement.preferredSize.

Costanti MediaSize

constants google.maps.places.MediaSize
library "places"

Le dimensioni preferite dei contenuti multimediali nei casi in cui sono supportate più dimensioni, ad esempio il verticale PlaceSearchElement.

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

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

Costanti
LARGE	Dimensioni dei contenuti multimediali grandi.
MEDIUM	Dimensioni medie dei contenuti multimediali.
SMALL	Dimensioni dei contenuti multimediali ridotte.

Classe PlaceAddressElement

class google.maps.places.PlaceAddressElement extends HTMLElement implements PlaceAddressElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare l'indirizzo di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-address></gmp-place-address>
 </gmp-place-content-config>
 

<gmp-place-address></gmp-place-address>

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

Costruttore
PlaceAddressElement	PlaceAddressElement([options]) Parametri: options: PlaceAddressElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceAddressElementOptions

interfaccia google.maps.places.PlaceAddressElementOptions
implementata da PlaceAddressElement

Opzioni per PlaceAddressElement.

Classe PlaceRatingElement

class google.maps.places.PlaceRatingElement extends HTMLElement implements PlaceRatingElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare la valutazione di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-rating></gmp-place-rating>
 </gmp-place-content-config>
 

<gmp-place-rating></gmp-place-rating>

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

Costruttore
PlaceRatingElement	PlaceRatingElement([options]) Parametri: options: PlaceRatingElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceRatingElementOptions

interfaccia google.maps.places.PlaceRatingElementOptions
implementata da PlaceRatingElement

Opzioni per PlaceRatingElement.

Classe PlaceTypeElement

class google.maps.places.PlaceTypeElement extends HTMLElement implements PlaceTypeElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare il tipo di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-type></gmp-place-type>
 </gmp-place-content-config>
 

<gmp-place-type></gmp-place-type>

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

Costruttore
PlaceTypeElement	PlaceTypeElement([options]) Parametri: options: PlaceTypeElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceTypeElementOptions

interfaccia google.maps.places.PlaceTypeElementOptions
implementata da PlaceTypeElement

Opzioni per PlaceTypeElement.

Classe PlacePriceElement

class google.maps.places.PlacePriceElement extends HTMLElement implements PlacePriceElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare il livello o la fascia di prezzo di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-price></gmp-place-price>
 </gmp-place-content-config>
 

<gmp-place-price></gmp-place-price>

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

Costruttore
PlacePriceElement	PlacePriceElement([options]) Parametri: options: PlacePriceElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlacePriceElementOptions

interfaccia google.maps.places.PlacePriceElementOptions
implementata da PlacePriceElement

Opzioni per PlacePriceElement.

Classe PlaceAccessibleEntranceIconElement

class google.maps.places.PlaceAccessibleEntranceIconElement extends HTMLElement implements PlaceAccessibleEntranceIconElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare l'icona di una sedia a rotelle se il luogo ha un ingresso accessibile. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
 </gmp-place-content-config>
 

<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>

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

Costruttore
PlaceAccessibleEntranceIconElement	PlaceAccessibleEntranceIconElement([options]) Parametri: options: PlaceAccessibleEntranceIconElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceAccessibleEntranceIconElementOptions

interfaccia google.maps.places.PlaceAccessibleEntranceIconElementOptions
implementata da PlaceAccessibleEntranceIconElement

Opzioni per PlaceAccessibleEntranceIconElement.

Classe PlaceOpenNowStatusElement

class google.maps.places.PlaceOpenNowStatusElement extends HTMLElement implements PlaceOpenNowStatusElementOptions
library "places"

Configura un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement per mostrare lo stato di apertura o chiusura corrente di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-open-now-status></gmp-place-open-now-status>
 </gmp-place-content-config>
 

<gmp-place-open-now-status></gmp-place-open-now-status>

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

Costruttore
PlaceOpenNowStatusElement	PlaceOpenNowStatusElement([options]) Parametri: options: PlaceOpenNowStatusElementOptions optional

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceOpenNowStatusElementOptions

interfaccia google.maps.places.PlaceOpenNowStatusElementOptions
implementata da PlaceOpenNowStatusElement

Opzioni per PlaceOpenNowStatusElement.

Classe PlaceReviewSummaryElement

class google.maps.places.PlaceReviewSummaryElement extends HTMLElement implements PlaceReviewSummaryElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare il riepilogo delle recensioni di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-review-summary></gmp-place-review-summary>
 </gmp-place-content-config>
 

<gmp-place-review-summary></gmp-place-review-summary>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceReviewSummaryElementOptions

interfaccia google.maps.places.PlaceReviewSummaryElementOptions
implementata da PlaceReviewSummaryElement

Opzioni per PlaceReviewSummaryElement.

Classe PlaceReviewsElement

class google.maps.places.PlaceReviewsElement extends HTMLElement implements PlaceReviewsElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare le recensioni di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-reviews></gmp-place-reviews>
 </gmp-place-content-config>
 

<gmp-place-reviews></gmp-place-reviews>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceReviewsElementOptions

interfaccia google.maps.places.PlaceReviewsElementOptions
implementata da PlaceReviewsElement

Opzioni per PlaceReviewsElement.

Classe PlaceSummaryElement

class google.maps.places.PlaceSummaryElement extends HTMLElement implements PlaceSummaryElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare il riepilogo di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-summary></gmp-place-summary>
 </gmp-place-content-config>
 

<gmp-place-summary></gmp-place-summary>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceSummaryElementOptions

interfaccia google.maps.places.PlaceSummaryElementOptions
implementata da PlaceSummaryElement

Opzioni per PlaceSummaryElement.

Classe PlaceFeatureListElement

class google.maps.places.PlaceFeatureListElement extends HTMLElement implements PlaceFeatureListElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare l'elenco delle caratteristiche di un luogo nella scheda "Informazioni". L'elenco delle caratteristiche può includere opzioni di accessibilità, servizi, metodi di pagamento accettati e altro ancora. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-feature-list></gmp-place-feature-list>
 </gmp-place-content-config>
 

<gmp-place-feature-list></gmp-place-feature-list>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceFeatureListElementOptions

interfaccia google.maps.places.PlaceFeatureListElementOptions
implementata da PlaceFeatureListElement

Opzioni per PlaceFeatureListElement.

Classe PlaceOpeningHoursElement

class google.maps.places.PlaceOpeningHoursElement extends HTMLElement implements PlaceOpeningHoursElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare l'orario di apertura di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-opening-hours></gmp-place-opening-hours>
 </gmp-place-content-config>
 

<gmp-place-opening-hours></gmp-place-opening-hours>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceOpeningHoursElementOptions

interfaccia google.maps.places.PlaceOpeningHoursElementOptions
implementata da PlaceOpeningHoursElement

Opzioni per PlaceOpeningHoursElement.

Classe PlacePhoneNumberElement

class google.maps.places.PlacePhoneNumberElement extends HTMLElement implements PlacePhoneNumberElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare il numero di telefono di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-phone-number></gmp-place-phone-number>
 </gmp-place-content-config>
 

<gmp-place-phone-number></gmp-place-phone-number>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlacePhoneNumberElementOptions

interfaccia google.maps.places.PlacePhoneNumberElementOptions
implementata da PlacePhoneNumberElement

Opzioni per PlacePhoneNumberElement.

Classe PlacePlusCodeElement

class google.maps.places.PlacePlusCodeElement extends HTMLElement implements PlacePlusCodeElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare il Plus Code di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-plus-code></gmp-place-plus-code>
 </gmp-place-content-config>
 

<gmp-place-plus-code></gmp-place-plus-code>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlacePlusCodeElementOptions

interfaccia google.maps.places.PlacePlusCodeElementOptions
implementata da PlacePlusCodeElement

Opzioni per PlacePlusCodeElement.

Classe PlaceTypeSpecificHighlightsElement

class google.maps.places.PlaceTypeSpecificHighlightsElement extends HTMLElement implements PlaceTypeSpecificHighlightsElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare i punti salienti specifici del tipo di luogo, come i prezzi del carburante e la disponibilità di caricabatterie EV. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>
 </gmp-place-content-config>
 

<gmp-place-type-specific-highlights></gmp-place-type-specific-highlights>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceTypeSpecificHighlightsElementOptions

interfaccia google.maps.places.PlaceTypeSpecificHighlightsElementOptions
implementata da PlaceTypeSpecificHighlightsElement

Opzioni per PlaceTypeSpecificHighlightsElement.

Classe PlaceWebsiteElement

class google.maps.places.PlaceWebsiteElement extends HTMLElement implements PlaceWebsiteElementOptions
library "places"

Configura un PlaceDetailsElement per mostrare il sito web di un luogo. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-website></gmp-place-website>
 </gmp-place-content-config>
 

<gmp-place-website></gmp-place-website>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceWebsiteElementOptions

interfaccia google.maps.places.PlaceWebsiteElementOptions
implementata da PlaceWebsiteElement

Opzioni per PlaceWebsiteElement.

Classe PlaceAttributionElement

class google.maps.places.PlaceAttributionElement extends HTMLElement implements PlaceAttributionElementOptions
library "places"

Consente la personalizzazione del testo dell'attribuzione di Google Maps in un PlaceDetailsCompactElement, PlaceDetailsElement o PlaceSearchElement. Per utilizzare questo elemento, aggiungilo come elemento secondario di un PlaceContentConfigElement. Se questo elemento viene omesso, l'attribuzione verrà comunque mostrata con i colori predefiniti. Ad esempio:

 <gmp-place-content-config>
   <gmp-place-attribution
      light-scheme-color="black"
      dark-scheme-color="white"
   ></gmp-place-attribution>
 </gmp-place-content-config>
 

<gmp-place-attribution
  dark-scheme-color="value-name"
  light-scheme-color="value-name">
</gmp-place-attribution>

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

Costruttore
PlaceAttributionElement	PlaceAttributionElement([options]) Parametri: options: PlaceAttributionElementOptions optional

Proprietà
darkSchemeColor attr: dark-scheme-color	Tipo di input: AttributionColor optional Tipo di output: AttributionColor Valore predefinito: AttributionColor.WHITE Il colore dell'attribuzione di Google Maps in modalità Buio. Attributo HTML: dark-scheme-color="value-name"
lightSchemeColor attr: light-scheme-color	Tipo di input: AttributionColor optional Tipo di output: AttributionColor Valore predefinito: AttributionColor.GRAY Il colore dell'attribuzione di Google Maps in modalità Luce. Attributo HTML: light-scheme-color="value-name"

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceAttributionElementOptions

interfaccia google.maps.places.PlaceAttributionElementOptions
implementata da PlaceAttributionElement

Opzioni per PlaceAttributionElement.

Proprietà
darkSchemeColor facoltativo	Tipo: AttributionColor optional Leggi i PlaceAttributionElement.darkSchemeColor.
lightSchemeColor facoltativo	Tipo: AttributionColor optional Leggi i PlaceAttributionElement.lightSchemeColor.

Costanti AttributionColor

constants google.maps.places.AttributionColor
library "places"

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

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

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

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

Classe PlaceButtonElement

class google.maps.places.PlaceButtonElement extends HTMLElement implements PlaceButtonElementOptions
library "places"

Mostra un pulsante inserito nello slot action-main o action-corner. PlaceButtonElement non ha un comportamento predefinito. Collega un listener di eventi all'elemento per definirne il comportamento. Per impostazione predefinita, il pulsante verrà visualizzato nell'area action-main.

<gmp-place-button
  action-aria-label="string"
  label="string">
</gmp-place-button>

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

Proprietà
actionAriaLabel attr: action-aria-label	Tipo: string optional Valore predefinito: undefined L'etichetta ARIA per il controllo interno. I controlli solo icona devono sempre avere un'aria-label per descrivere il loro scopo e comportamento. I controlli visualizzati nell'angolo non mostrano un'etichetta, pertanto si consiglia di utilizzare un'etichetta aria-label anziché l'etichetta per i controlli nell'angolo. Attributo HTML: action-aria-label="string"
label attr: label	Tipo: string optional Valore predefinito: undefined L'etichetta da visualizzare nel controllo. Per i link con tipi di azione predefiniti, questo attributo viene ignorato. I link e i pulsanti visualizzati nello slot action-corner non mostrano un'etichetta. Per i controlli degli angoli, ti consigliamo di utilizzare l'attributo action-aria-label. Attributo HTML: label="string"

Slot
icon-start	Uno slot per i contenuti dell'icona che inizia prima dell'etichetta. Viene utilizzato sia per i controlli delle azioni principali sia per quelli delle azioni negli angoli. Quando un controllo viene compresso nel suo stato nell'angolo, vengono visualizzati i contenuti di questo slot.

Componenti
button	Una parte CSS che ha come target l'elemento di controllo interno.

Metodi
Ereditato: addEventListener, removeEventListener

Eventi
gmp-click	function(event) Argomenti: event: PlaceActionEvent optional Attivato quando si fa clic sul controllo.

Interfaccia PlaceButtonElementOptions

interfaccia google.maps.places.PlaceButtonElementOptions
implementata da PlaceButtonElement

Opzioni per PlaceButtonElement.

Proprietà
actionAriaLabel facoltativo	Tipo: string optional L'etichetta ARIA per il controllo interno. I controlli solo icona devono sempre avere un'aria-label per descrivere il loro scopo e comportamento. I controlli visualizzati nell'angolo non mostrano un'etichetta, pertanto si consiglia di utilizzare un'etichetta aria-label anziché l'etichetta per i controlli nell'angolo.
label facoltativo	Tipo: string optional L'etichetta da visualizzare nel controllo. Per i link con tipi di azione predefiniti, questo attributo viene ignorato. I link e i pulsanti visualizzati nello slot action-corner non mostrano un'etichetta. Per i controlli degli angoli, ti consigliamo di utilizzare l'attributo action-aria-label.

Classe PlaceLinkElement

class google.maps.places.PlaceLinkElement extends HTMLElement implements PlaceLinkElementOptions
library "places"

Mostra un link inserito nello slot action-main o action-corner. Per impostazione predefinita, il link verrà mostrato nell'area action-main. Utilizza l'attributo action per specificare il comportamento del link. Sono disponibili diversi tipi di azioni da utilizzare, elencati in ActionLinkType. Per un link personalizzato, specifica il tipo di azione custom e imposta gli attributi href e label.

<gmp-place-link
  action="value-name"
  action-aria-label="string"
  default-icon-hidden
  href="string"
  label="string"
  target="string">
</gmp-place-link>

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

Proprietà
action attr: action	Tipo: ActionLinkType optional Il tipo di azione da eseguire quando si fa clic sul link. Determina l'etichetta, l'icona e l'href di destinazione predefiniti del link. Utilizza il tipo custom e specifica l'attributo href per impostare manualmente una destinazione. Attributo HTML: action="value-name"
actionAriaLabel attr: action-aria-label	Tipo: string optional Valore predefinito: undefined L'etichetta ARIA per il controllo interno. I controlli solo icona devono sempre avere un'aria-label per descrivere il loro scopo e comportamento. I controlli visualizzati nell'angolo non mostrano un'etichetta, pertanto si consiglia di utilizzare un'etichetta aria-label anziché l'etichetta per i controlli nell'angolo. Attributo HTML: action-aria-label="string"
defaultIconHidden attr: default-icon-hidden	Tipo di input: boolean optional Tipo di output: boolean Valore predefinito: false Indica se l'icona predefinita è nascosta per tutti i tipi di link, ad eccezione di quelli personalizzati. Attributo HTML: default-icon-hidden
href attr: href	Tipo: string optional Valore predefinito: undefined L'URL da aprire quando si fa clic sul link. Questo attributo viene utilizzato solo quando l'attributo action è impostato su custom. Attributo HTML: href="string"
label attr: label	Tipo: string optional Valore predefinito: undefined L'etichetta da visualizzare nel controllo. Per i link con tipi di azione predefiniti, questo attributo viene ignorato. I link e i pulsanti visualizzati nello slot action-corner non mostrano un'etichetta. Per i controlli degli angoli, ti consigliamo di utilizzare l'attributo action-aria-label. Attributo HTML: label="string"
target attr: target	Tipo: string optional Valore predefinito: undefined Determina dove si apre il link. Consulta https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target. Attributo HTML: target="string"

Slot
icon-start	Uno slot per i contenuti dell'icona che inizia prima dell'etichetta. Viene utilizzato sia per i controlli delle azioni principali sia per quelli delle azioni negli angoli. Quando un controllo viene compresso nel suo stato nell'angolo, vengono visualizzati i contenuti di questo slot.

Componenti
button	Una parte CSS che ha come target l'elemento di controllo interno.

Metodi
Ereditato: addEventListener, removeEventListener

Eventi
gmp-click	function(event) Argomenti: event: PlaceActionEvent optional Attivato quando si fa clic sul controllo.

Interfaccia PlaceLinkElementOptions

interfaccia google.maps.places.PlaceLinkElementOptions
implementata da PlaceLinkElement

Opzioni per PlaceLinkElement.

Proprietà
action facoltativo	Tipo: ActionLinkType optional Leggi i PlaceLinkElement.action.
actionAriaLabel facoltativo	Tipo: string optional L'etichetta ARIA per il controllo interno. I controlli solo icona devono sempre avere un'aria-label per descrivere il loro scopo e comportamento. I controlli visualizzati nell'angolo non mostrano un'etichetta, pertanto si consiglia di utilizzare un'etichetta aria-label anziché l'etichetta per i controlli nell'angolo.
href facoltativo	Tipo: string optional Leggi i PlaceLinkElement.href.
label facoltativo	Tipo: string optional L'etichetta da visualizzare nel controllo. Per i link con tipi di azione predefiniti, questo attributo viene ignorato. I link e i pulsanti visualizzati nello slot action-corner non mostrano un'etichetta. Per i controlli degli angoli, ti consigliamo di utilizzare l'attributo action-aria-label.
target facoltativo	Tipo: string optional Leggi i PlaceLinkElement.target.

Costanti ActionLinkType

constants google.maps.places.ActionLinkType
library "places"

L'azione eseguita da un PlaceLinkElement quando viene selezionato. Determina l'icona, l'etichetta e la destinazione href.

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

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

Costanti
CALL	Attiva un link tel: per chiamare il luogo. Il comportamento dipende dal sistema operativo.
CUSTOM	Utilizza questo tipo di azione per i link personalizzati. Quando utilizzi questo tipo di azione, l'attributo href deve essere impostato su PlaceLinkElement.
OPEN_DIRECTIONS	Apre le indicazioni stradali per il luogo nella località specificata da PlaceLinkElement.target.
OPEN_MAP	Apre la mappa nella località specificata da PlaceLinkElement.target.
OPEN_WEBSITE	Apre il sito web del luogo nella posizione specificata da PlaceLinkElement.target.

Costanti ActionButtonPosition

constants google.maps.places.ActionButtonPosition
library "places"

La posizione assegnata al controllo nel widget Place Details.

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

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

Costanti
ACTION_CORNER	Il controllo viene visualizzato nell'angolo del widget. I controlli degli angoli mostrano solo un'icona.
ACTION_MAIN	Il controllo viene visualizzato nell'area dei contenuti principali del widget. Vengono visualizzate etichette e icone.

Classe PlaceActionEvent

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

L'evento attivato quando si fa clic sul pulsante di azione.

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

Proprietà
place readonly	Tipo: Place Il luogo su cui è stato fatto clic.

Classe PlaceNameElement

class google.maps.places.PlaceNameElement extends HTMLElement implements PlaceNameElementOptions
library "places"

Mostra il nome di un luogo all'interno di un elemento Place Details.

<gmp-place-name></gmp-place-name>

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

Metodi
Ereditato: addEventListener, removeEventListener

Interfaccia PlaceNameElementOptions

interfaccia google.maps.places.PlaceNameElementOptions
implementata da PlaceNameElement

Opzioni per PlaceNameElement.