Linee guida per l'attribuzione del testo di Grounding Lite

Questa pagina fornisce i requisiti e le linee guida per l'attribuzione per la visualizzazione dei contenuti di Grounding Lite nelle tue applicazioni.

Visualizzare l'attribuzione di Google Maps

Quando mostri i contenuti di Grounding Lite nella tua app o nel tuo sito web, devi rispettare i requisiti di attribuzione di Google Maps. Non è necessario aggiungere un'attribuzione aggiuntiva se i Contenuti vengono mostrati su una mappa di Google in cui l'attribuzione è già visibile.

Logo di Google Maps e attribuzione del testo

L'attribuzione dovrebbe assumere la forma del logo di Google Maps, se possibile. Nei casi in cui lo spazio è limitato, è accettabile il testo Google Maps. Deve sempre essere chiaro agli utenti finali quali contenuti sono 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.

Varianti 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 riportati di seguito e segui le linee guida di questa sezione.

Scaricare gli asset di attribuzione di Google Maps

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 in evidenza su uno sfondo elaborato, come una mappa o un'immagine.
• Utilizza il logo non contornato su uno sfondo semplice, ad esempio un colore a tinta unita o una sfumatura leggera.

Specifiche delle dimensioni del logo

Segui queste specifiche delle 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ù su dp, consulta Densità pixel sul sito web di Material Design.

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

Accessibilità del logo

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

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

Varianti inaccettabili 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 Google Maps, puoi scrivere Google Maps nel testo. Procedi nel seguente modo:

Varianti accettabili dell'attribuzione di testo di Google Maps

• Non modificare in alcun modo il testo Google Maps:
  • Non modificare la capitalizzazione di Google Maps.
  • Non mandare a capo Google Maps
  • Non localizzare Google Maps in un'altra lingua.
  • Impedisci ai browser di tradurre Google Maps utilizzando l'attributo HTML translate="no".

Varianti non accettabili dell'attribuzione del testo di Google Maps

• Formatta il testo di Google Maps come descritto nella tabella seguente:

  Requisiti di formattazione del testo di Google Maps
  Proprietà	Stile
  Famiglia di caratteri	Roboto. Il caricamento del carattere è facoltativo.
  Famiglia di caratteri di riserva	Qualsiasi carattere del corpo sans-serif già utilizzato nel tuo 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). Mantenere un contrasto accessibile (4,5:1) rispetto allo sfondo.
  Dimensione carattere	Dimensione minima del carattere: 12 sp Dimensione massima del carattere: 16 sp Per saperne di più su sp, consulta Unità di misura delle dimensioni del carattere sul sito web Material Design.
  Spaziatura tra le lettere	Normale

CSS di esempio

Il seguente CSS esegue il rendering di 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;
}