Norme per l'API Maps JavaScript

Questo argomento fornisce i requisiti di attribuzione per tutte le applicazioni sviluppati con l'API Maps JavaScript, inclusa la funzionalità Place Autocomplete che fa parte di quell'API. Per altri termini relativi a Google Maps Platform, consulta i Termini di servizio di Google Maps Platform.

Fornendo Termini e condizioni d'uso e norme sulla privacy

Se sviluppi un'applicazione API Maps JavaScript, devi rendere disponibile Termini di utilizzo e Privacy Norme con la tua applicazione che soddisfi le linee guida definite nel tuo Contratto con Google:

  • I Termini e condizioni d'uso e le norme sulla privacy devono essere pubblici disponibili.
  • Devi indicare esplicitamente nei Termini e condizioni d'uso della tua applicazione che utilizzando la tua applicazione, gli utenti sono vincolati Termini di servizio di Google servizio.
  • Nelle Norme sulla privacy devi informare gli utenti che utilizzi l'API di Google Maps e incorporare, mediante riferimento, le Norme sulla privacy di Google.

Ti consigliamo di rendere disponibili i tuoi Termini e condizioni d'uso e Le norme sulla privacy dipendono dalla piattaforma dell'applicazione.

App per dispositivi mobili

Se stai sviluppando un'app mobile è consigliabile fornire un link al Termini e condizioni d'uso e Norme sulla privacy nella tua applicazione pagina di download nello store pertinente e nelle impostazioni dell'applicazione o dal menu Fogli Google.

Applicazioni web

Se stai sviluppando un'applicazione web è consigliabile fornire un link a i Termini e condizioni d'uso e le Norme sulla privacy nel piè di pagina della sito web.

Prelettura, memorizzazione nella cache o archiviazione di contenuti

Le applicazioni che utilizzano l'API Maps JavaScript sono vincolate dai termini del Contratto con Google. In base ai termini del tuo Contratto, non devi precaricare, indicizzare, archiviare o memorizzare nella cache qualsiasi Contenuto, ad eccezione dei condizioni dichiarate nei termini.

Tieni presente che l'ID luogo, utilizzato per identificare in modo univoco un luogo, esente dalle restrizioni di memorizzazione nella cache. L'ID luogo viene restituito nel campo "place_id" in Risposte dell'API Maps JavaScript. Scopri come salvare, aggiornare e gestire gli ID luogo nella guida agli ID luogo.

Visualizzazione dei risultati dell'API Maps JavaScript

Puoi visualizzare i risultati dell'API Maps JavaScript su una mappa di Google o senza mappa. Se vuoi mostrare i risultati dell'API Maps JavaScript su una mappa, questi risultati devono essere visualizzati su una mappa di Google. È vietato utilizzare i dati dell'API Maps JavaScript su una mappa che non sia una mappa di Google.

Se la tua applicazione visualizza dati su una mappa di Google, il team verrà incluso e non potrà essere modificato. Applicazioni che mostrano dati di Google nella stessa schermata di una mappa di Google non sono tenuti a fornire ulteriori attribuzioni a Google.

Se la tua applicazione visualizza dati in una pagina o una vista che non visualizzare anche una mappa di Google, devi mostrare un logo Google con quei dati. Ad esempio: se l'applicazione visualizza dati di Google in una scheda e una mappa di Google con tali dati in un'altra scheda, la prima deve mostrare il logo Google. Se la tua applicazione utilizza campi di ricerca con o senza completamento automatico, il logo deve essere visualizzato in linea.

Il logo Google deve essere posizionato nell'angolo in basso a sinistra della mappa, con l'attribuzione informazioni posizionate nell'angolo in basso a destra, che dovrebbero essere entrambe visualizzate sulla mappa presentati nel suo insieme e non sotto la mappa o in un altro punto all'interno dell'applicazione. La l'esempio di mappa seguente mostra il logo di Google in basso a sinistra della mappa e l'attribuzione in basso a destra.

posizionamento attribuzione criteri

Il seguente file ZIP contiene il logo di Google nelle dimensioni corrette per desktop, Android e iOS. Non puoi ridimensionare o modificare questi loghi in qualsiasi modo.

Scarica: google_logo.zip

Non modificare l'attribuzione. Non rimuovere, oscurare o ritagliare l'attribuzione informazioni. Non puoi utilizzare i loghi di Google in linea (ad esempio, "Queste mappe sono da [Google_logo]").

Mantieni l'attribuzione vicina. Se utilizzi screenshot di immagini Google al di fuori di incorporamenti diretti, includono l'attribuzione standard così come appare nell'immagine. Se necessario, puoi personalizzare lo stile e il posizionamento del testo dell'attribuzione, a condizione che sia nelle vicinanze dei contenuti e che siano leggibili per lo spettatore o il lettore medio. Non puoi allontanare l'attribuzione dai contenuti, ad esempio alla fine del libro, i crediti dei tuoi file o programmi o il piè di pagina del tuo sito web.

Includi fornitori di dati di terze parti. Alcuni dati e immagini sulla nostra mappatura che non provengono da Google. Se utilizzi tali immagini, il testo dei tuoi l'attribuzione deve riportare il nome "Google" e i fornitori di dati pertinenti, come "Dati mappa: Google, Maxar Technologies." Quando vengono citati fornitori di dati di terze parti con le immagini, includendo solo "Google" o il logo Google non è un'attribuzione corretta.

Se utilizzi Google Maps Platform su un dispositivo su cui l'attribuzione non è visualizzata pratica, per favore contatta il team di vendita di Google per discutere delle licenze appropriate per il tuo caso d'uso.

Altri requisiti di attribuzione

Segui queste istruzioni per recuperare le attribuzioni di terze parti e per visualizzare le attribuzioni nella tua app.

Recuperare le attribuzioni da un luogo

Se la tua app mostra informazioni di recensioni ottenute chiamando Place.fetchFields, l'app deve anche mostrare attribuzioni di terze parti per i dettagli dei luoghi ottenuti.

L'API restituisce un valore Place . Per recuperare le attribuzioni dall'oggetto Place, utilizza il metodo Place.attributions , che viene restituita con ogni richiesta (non è necessario specificarla con i campi). La restituisce un List di oggetti String o null se è presente non sono attribuzioni da mostrare. Il seguente codice di esempio mostra come ottenere un luogo e elencare tutte attribuzioni.

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen
  });

  // Call fetchFields, passing the desired data fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // Check for any place attributions.
  if (!place.attributions) {
      console.log('No attributions were found.');
      return;
  } else {
      // Log the place attribution
      for (var attribution of place.attributions) {
          console.log(attribution);
      }
  }

  

Mostrare una recensione

Un oggetto Place può contenere fino a cinque recensioni, ciascuna delle quali è rappresentata da un Oggetto Review. Facoltativamente, puoi mostrare queste recensioni nella tua app.

Quando visualizzi recensioni fornite da utenti Google, devi chiudere il nome dell'autore vicinanza. Se disponibile nel campo di attribuzione dell'autore dell'oggetto Review, ti consigliamo di includere anche la foto dell'autore e il link al suo profilo. L'immagine seguente mostra un esempio di recensione di un parco:

Visualizzazione attribuzione autore

L'esempio seguente mostra come ottenere un luogo, controllare le recensioni e mostrare i dati provenienti da la prima recensione:

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen, Boston MA
  });

  // Call fetchFields, passing "reviews" and other needed fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // If there are any reviews display the first one.
  if (!place.reviews) {
      console.log('No reviews were found.');
  } else {
      // Log the review count so we can see how many there are.
      console.log("REVIEW COUNT: " + place.reviews.length);

      // Get info for the first review.
      let reviewRating = place.reviews[0].rating;
      let reviewText = place.reviews[0].text;
      let authorName = place.reviews[0].authorAttribution.displayName;
      let authorUri = place.reviews[0].authorAttribution.uri;

      // Create a bit of HTML to add to the info window
      const contentString =
        '<div id="title"><b>' + place.displayName + '</b></div>' +
        '<div id="address">' + place.formattedAddress + '</div>' +
        '<a href="' + authorUri + '" target="_blank">Author: ' + authorName + '</a>' +
        '<div id="rating">Rating: ' + reviewRating + ' stars</div>' +
        '<div id="rating""><p>Review: ' + reviewText + '</p></div>';

      // Create an info window.
      infoWindow = new InfoWindow({
          content: contentString,
          ariaLabel: place.displayName,
      });

      // Add a marker for the place.
      const marker = new AdvancedMarkerElement({
          map,
          position: place.location,
          title: place.displayName,
      });

      // Show the info window.
      infoWindow.open({
          anchor: marker,
          map,
      });
  }
  

Visualizzare le attribuzioni di una foto

Se nell'app vengono mostrate foto, devi indicare le attribuzioni dell'autore per ogni foto in cui sono presenti. I dettagli sulla foto in un oggetto Place di una risposta sono contenuti nel Array photos. Per aggiungere l'array photos alla risposta, includi il comando Campo di dati photos nella richiesta.

Ogni elemento dell'array di foto è un'istanza di Photo, che contiene Array authorAttributions, di tipo AuthorAttribution. I campi Gli oggetti AuthorAttribution sono stringhe contenenti displayName, uri e photoUri dell'attribuzione oppure una stringa vuota se non sono presenti attribuzioni da mostrare.

Linee guida relative allo stile per l'attribuzione Google

Di seguito sono riportate le linee guida relative allo stile per le attribuzioni di Google in CSS e HTML se non puoi utilizzare il logo Google scaricabile.

Spazio vuoto

La quantità di spazio vuoto intorno al logo completo deve essere uguale o superiore all'altezza della "G" su Google.

Lo spazio tra il testo dell'attribuzione e il logo di Google deve avere la metà della larghezza la "G".

Leggibilità

La riga dell'autore deve essere sempre chiara, leggibile e nella variante cromatica corretta per un uno specifico contesto. Assicurati sempre di fornire un contrasto sufficiente per la variante del logo che vuoi selezionare.

Colore

Utilizza il testo Google Material Gray 700 su uno sfondo bianco o chiaro con un intervallo compreso tra 0% e 40% massima tinta di nero.

Google
#5F6368
RGB 95 99 104
HSL 213 5 39
HSB 213 9 41

Su sfondi più scuri, sopra la fotografia o i motivi non occupati, usa il testo in bianco per la riga dell'autore e l'attribuzione dei contenuti.

Google
#FFFFFF
RGB 255 255 255
HSL 0 0 100
HSB 0 0 100

Carattere

Utilizza la Carattere Roboto.

CSS di esempio

Il seguente CSS, quando applicato al testo "Google", eseguirebbe il rendering di "Google" con l'appropriata carattere, colore e spaziatura su uno sfondo bianco o chiaro.

font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
padding: 16px;
letter-spacing: 0.0575em; /* 0.69px */
color: #5F6368;