Risoluzione dei problemi

Errori relativi alla chiave API e alla fatturazione

In determinate circostanze, è possibile che venga visualizzata una mappa scura o un'immagine di Street View "negativa" con la filigrana "Solo a scopo di sviluppo". Questo comportamento indica in genere problemi con una chiave API o con la fatturazione. Per utilizzare i prodotti Google Maps Platform, la fatturazione deve essere attivata nel tuo account e tutte le richieste devono includere una chiave API valida. La seguente procedura ti aiuterà a risolvere il problema:

Una chiave API viene passata come parametro key nell'URL utilizzato per caricare l'API Maps JavaScript. Ecco alcune opzioni per verificare se stai utilizzando una chiave API:

  • Utilizza l'estensione di Chrome Google Maps Platform API Checker. In questo modo puoi determinare se il tuo sito web implementa correttamente le API di Maps concesse in licenza da Google.
  • Se utilizzi una libreria o un plug-in per caricare l'API Maps JavaScript, controlla le impostazioni della libreria e cerca un'opzione per la chiave API.
  • Controlla gli errori nel browser. Se visualizzi i seguenti messaggi, significa che non stai utilizzando correttamente la chiave API:

Per gli sviluppatori web:

  • Se hai accesso al codice sorgente della tua applicazione, cerca il tag <script> utilizzato per caricare l'API Maps JavaScript. Quando carichi l'API Maps JavaScript, sostituisci YOUR_API_KEY nel codice seguente con la tua chiave API. 
      <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
  </script>
  • Controlla il traffico di rete generato dal tuo sito web nel browser. In Chrome, puoi visualizzarlo utilizzando la scheda Rete di DevTools. Qui vedrai le richieste di rete effettuate dal tuo sito web. Le richieste effettuate utilizzando l'API Maps JavaScript saranno nel percorso maps/api/js. Qui puoi verificare se le richieste utilizzano il parametro key. Può essere utile filtrare il traffico di rete in base a maps/api/js quando visualizzi la scheda Rete.

Per ottenere una chiave API, fai clic sul pulsante di seguito. Se non vedi una configurazione guidata, segui le istruzioni complete riportate in Iniziare a utilizzare Google Maps Platform.
Inizia

Bene. Andiamo avanti e controlliamo se è associato un account di fatturazione al tuo progetto.

Vai alla pagina Fatturazione nella console Google Cloud e seleziona il progetto in cui è stata creata la chiave API. Per verificare che la chiave sia associata al progetto:

  1. Vai alla sezione Credenziali, accessibile dalla barra laterale sinistra in Google Maps Platform > Credenziali.
  2. Verifica che la chiave API che utilizzi attualmente sul tuo sito web sia elencata. In caso contrario, passa a un altro progetto e controlla le credenziali.
  3. Se non riesci a trovare il progetto per la tua chiave API, potresti aver perso l'accesso a questo progetto. Chiedi aiuto ad altri membri della tua organizzazione. Se non è possibile trovare il progetto originale, devi:
    1. Crea un nuovo progetto. Per farlo, seleziona Nuovo progetto dall'elenco dei progetti o Crea progetto tramite la pagina Gestione risorse.
    2. Creazione di una nuova chiave API. Puoi farlo nella pagina Credenziali. Una volta qui, fai clic su Crea credenziali e seleziona Chiave API.

Dopo aver individuato il progetto nella console Cloud, controlla se è collegato un account di fatturazione nella sezione Fatturazione del menu a sinistra.

Vai alla pagina Attiva la fatturazione nella console Cloud e aggiungi un account di fatturazione al progetto. Per ulteriori informazioni, consulta Guida introduttiva a Google Maps Platform.

Bene. Assicurati che il metodo di fatturazione fornito sia valido.

Puoi aggiungere, rimuovere o aggiornare un metodo di pagamento nella console Cloud.

Se hai impostato un limite giornaliero per una delle tue API, cosa comune per evitare aumenti imprevisti, puoi risolvere il problema aumentando il limite giornaliero.

Puoi controllare i tuoi limiti giornalieri nella dashboard API e servizi in Cloud Console. Una volta qui:

  1. Seleziona un progetto, se richiesto.
  2. Seleziona un'API dall'elenco e poi fai clic sulla scheda Quote.

Le chiavi API con una limitazione degli indirizzi IP possono essere utilizzate solo con i servizi web destinati all'utilizzo lato server (ad esempio l'API Geocoding e altre API di servizi web). La maggior parte di questi servizi web ha servizi equivalenti all'interno dell'API Maps JavaScript (ad esempio, consulta il servizio di geocodifica). Per utilizzare i servizi lato client dell'API Maps JavaScript, devi creare una chiave API separata che può essere protetta con una limitazione dei referrer HTTP (vedi Ottenere, aggiungere e limitare una chiave API).

Se il codice non funziona:

Per aiutarti a mettere in funzione il codice di Maps, Brendan Kenny e Mano Marks indicano alcuni errori comuni e come correggerli in questo video.

  • Cerca gli errori ortografici. Ricorda che JavaScript è un linguaggio sensibile alle maiuscole.
  • Controlla le nozioni di base: alcuni dei problemi più comuni si verificano durante la creazione iniziale della mappa. Ad esempio:
    • Verifica di aver specificato le proprietà zoom e center nelle opzioni della mappa.
    • Assicurati di aver dichiarato un elemento div in cui la mappa verrà visualizzata sullo schermo.
    • Assicurati che l'elemento div per la mappa abbia un'altezza. Per impostazione predefinita, gli elementi div vengono creati con un'altezza pari a 0 e sono quindi invisibili.
    Fai riferimento ai nostri esempi per un'implementazione di riferimento.
  • Utilizza un debugger JavaScript per identificare i problemi, ad esempio quello disponibile negli Strumenti per sviluppatori di Chrome. Per prima cosa, cerca gli errori nella console JavaScript.
  • Pubblica le domande su Stack Overflow. Le linee guida su come pubblicare ottime domande sono disponibili nella pagina Assistenza.