Requisiti di attribuzione per il Kit UI di Places

Questo argomento fornisce i requisiti di attribuzione per l'UI Kit di Places. Per altri termini di Places UI Kit, consulta i Termini di servizio di Google Maps Platform.

Attribuzione di Google Maps inclusa

L'attribuzione di Google Maps è inclusa in Places UI Kit.

• Non rimuovere l'attribuzione inclusa, indipendentemente da dove viene visualizzata. Non modificare, nascondere o oscurare l'attribuzione e assicurati che sia facilmente visibile sullo sfondo.
• Distingui sempre visivamente i contenuti di Google Maps Platform da altri contenuti utilizzando indicatori dell'interfaccia utente come un bordo, un colore di sfondo, un'ombra o uno spazio bianco sufficiente.
• Quando apporti modifiche visive, devi rispettare i requisiti di attribuzione di Google Maps. Per maggiori dettagli, consulta la sezione che segue.

Esempio di attribuzione di Places UI Kit

Attribuzione obbligatoria applicata al componente compatto Dettagli sui luoghi. In questa mappa non Google, l'attribuzione di Google Maps è chiaramente visibile e i contenuti di Google Maps Platform sono differenziati visivamente da altri contenuti.

Requisiti di attribuzione di Google Maps

L'attribuzione deve assumere la forma del logo di Google Maps, se possibile. Se lo spazio è limitato, è accettabile il testo Google Maps. Gli utenti finali devono sempre essere consapevoli dei contenuti forniti da Google Maps.

A sinistra: attribuzione del logo di Google Maps, a destra: attribuzione del testo di Google Maps

Attribuzione del logo

Segui questi requisiti per utilizzare il logo di Google Maps nella tua app o nel tuo sito web.

Variazioni accettabili per l'attribuzione del logo di Google Maps

Scaricare i loghi di Google Maps

Utilizza i file ufficiali del logo di Google Maps. Scarica i loghi di seguito e segui le linee guida riportate in questa sezione.

Download: google_logo_ui_kit.zip

Quando utilizzi il logo di Google Maps, segui queste linee guida.

• Non modificare il logo in alcun modo.
• Mantieni le proporzioni del logo per evitare distorsioni.
• Utilizza il logo con contorni su uno sfondo elaborato, come una mappa o un'immagine.
• Utilizza il logo senza contorni su uno sfondo semplice, ad esempio un colore a tinta unita o un gradiente delicato.

Specifiche delle dimensioni del logo

Segui queste specifiche di dimensioni per il logo di Google Maps:

• Altezza minima del logo: 16 dp
• Altezza massima del logo: 19 dp
• Spazio vuoto minimo del logo: 10 dp a sinistra, a destra e in alto, 5 dp in basso

Per scoprire di più sui dp, consulta la sezione Densità di pixel sul sito web di Material Design.

Logo di Google Maps che mostra lo spazio vuoto minimo e l'intervallo di dimensioni accettabili

Accessibilità del logo

Segui questi requisiti di accessibilità per il logo di Google Maps:

• Mantieni un contrasto accessibile tra il logo e lo sfondo.
• Includi un'etichetta di accessibilità con il testo Google Maps.

Variazioni non accettabili e problemi di accessibilità per l'attribuzione del logo di Google Maps

Attribuzione del testo

Se le dimensioni dell'interfaccia non supportano l'utilizzo del logo di Google Maps, puoi scrivere Google Maps in testo. Procedi nel seguente modo:

Variazioni accettabili dell'attribuzione del testo di Google Maps

• Non modificare il testo Google Maps in alcun modo:
  
  • Non modificare le lettere maiuscole di Google Maps
  • Non inserire Google Maps su più righe
  • Non localizzare Google Maps in un'altra lingua.
  • Impedisci ai browser di tradurre Google Maps utilizzando l'attributo HTML translate="no".

Variazioni non accettabili dell'attribuzione del testo di Google Maps

• Aggiungi uno stile al testo di Google Maps come descritto nella tabella seguente:

  Requisiti per lo stile del testo di Google Maps
  Proprietà	Stile
  Famiglia di caratteri	Roboto. Il caricamento del carattere è facoltativo.
  Famiglia di caratteri di riserva	Qualsiasi carattere normale senza grazie già utilizzato nel prodotto o "Sans-Serif" per richiamare il carattere di sistema predefinito
  Stile carattere	Normale
  Spessore carattere	400
  Colore carattere	Bianco, nero (#1F1F1F) o grigio (#5E5E5E). Mantieni un contrasto (4,5:1) accessibile rispetto allo sfondo.
  Dimensione carattere	Dimensioni carattere minime: 12 sp Dimensioni carattere massime: 16 sp Per informazioni su sp, consulta la sezione Unità di misura delle dimensioni dei caratteri sul sito web di Material Design.
  Spaziatura tra le lettere	Normale

CSS di esempio

Il seguente CSS mostra Google Maps con lo stile tipografico e il colore appropriati su uno sfondo bianco o chiaro.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}

Requisiti visivi

Segui questi requisiti per il trattamento visivo dell'attribuzione di Google Maps.

• Posiziona l'attribuzione nella parte superiore o inferiore dei contenuti e nello stesso contenitore visivo. Per una singola riga di contenuti, l'attribuzione può essere posizionata a destra o a sinistra.

• Distingui visivamente i contenuti di Google Maps Platform da altri contenuti utilizzando indicatori dell'interfaccia utente come un bordo, un colore di sfondo, un'ombra o spazi bianchi sufficienti.

• Non rappresentare in modo ingannevole Google Maps attribuendogli contenuti non di Google Maps Platform.
• Assicurati che l'attribuzione sia sempre visibile e leggibile. Non rimuovere, nascondere, oscurare o modificare mai il badge.

Le figure che seguono mostrano esempi di questi requisiti visivi.

Esempio di attribuzione di Google Maps posizionata in alto, in basso e di lato ai contenuti

Esempio di tre approcci per distinguere i contenuti di Google Maps (la valutazione del luogo) da altri contenuti

Non oscurare l'attribuzione di Google Maps o mescolarla con contenuti di altre fonti