Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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:
Utilizzi una chiave API?
Non saprei. Come faccio a verificare se sto utilizzando una chiave API?
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:
Avviso relativo all'API Google Maps JavaScript:
NoApiKeys
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.
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.
No, non utilizzo una chiave API.
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
Sì, sto utilizzando una chiave API.
Bene. Andiamo avanti e controlliamo se è associato un account di fatturazione al tuo progetto.
Al tuo progetto è associato un account di fatturazione?
Non saprei. Come faccio a controllare se l'account di fatturazione è associato al mio 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:
Vai alla sezione Credenziali, accessibile dalla barra laterale sinistra in Google Maps Platform > Credenziali.
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.
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:
Crea un nuovo progetto. Per farlo, seleziona Nuovo progetto
dall'elenco dei progetti o Crea progetto tramite la
pagina Gestione risorse.
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.
No, non è associato un account di fatturazione al mio progetto.
È stato superato un limite giornaliero autoimposto per l'API?
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:
Seleziona un progetto, se richiesto.
Seleziona un'API dall'elenco e poi fai clic sulla scheda Quote.
La tua chiave API ha una limitazione per gli indirizzi IP?
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.
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.
[null,null,["Ultimo aggiornamento 2025-08-31 UTC."],[[["\u003cp\u003eTo use the Google Maps JavaScript API, you must include an API key and enable billing for your project.\u003c/p\u003e\n"],["\u003cp\u003eIf you see a darkened map or a negative Street View image watermarked with "for development purposes only", you might have an issue with your API key or billing.\u003c/p\u003e\n"],["\u003cp\u003eTroubleshooting steps involve verifying your API key implementation, checking billing account attachment, ensuring billing method validity, and reviewing daily usage limits and IP restrictions.\u003c/p\u003e\n"],["\u003cp\u003eThis page offers solutions to common billing and API errors, and links to resources for further assistance.\u003c/p\u003e\n"]]],["Using the Maps JavaScript API requires a valid API key and enabled billing. Issues like a darkened map typically stem from these. Verify API key usage via browser checks, source code, or network traffic. Ensure the project linked to your API key has an active billing account. Check for invalid payment methods or exceeded API daily limits. If restricted by IP address, create a key with HTTP referrers. Troubleshoot by checking for typos, verifying map element properties, or using a JavaScript debugger.\n"],null,["# Troubleshooting\n\n| **Reminder:** To use the Maps JavaScript API:\n|\n| - All Maps JavaScript API requests must include an API key; we no longer support keyless access.\n| - You must [enable billing](https://console.cloud.google.com/project/_/billing/enable?utm_source=Docs_BillingNudge) on each of your projects.\n\n### API Key and Billing Errors\n\n\nUnder certain circumstances, a darkened map, or 'negative' Street View image,\nwatermarked with the text \"for development purposes only\", may be displayed.\nThis behavior typically indicates issues with either an API key or billing.\nIn order to use Google Maps Platform products, billing must be enabled on your account,\nand all requests must include a valid API key. The following flow will help troubleshoot this:\n\n#### Are you using an API key?\n\n#### I'm not sure. How can I check if I am using an API key?\n\nAn API key is passed as the `key` parameter in the URL that is used to load the\nMaps JavaScript API. Here are a few options to check if you are using an API key:\n\n- Use the [Google Maps Platform API Checker](https://chrome.google.com/webstore/detail/google-maps-platform-api/mlikepnkghhlnkgeejmlkfeheihlehne) Chrome extension. This allows you to determine if your website is properly implementing Google's licensed Maps APIs.\n- If you are using a library or plugin to load the Maps JavaScript API, check the settings for that library and look for an API key option.\n- Check [errors in your browser](/maps/documentation/javascript/error-messages#checking-errors). If you see the following messages, you are not using your API key correctly:\n - Google Maps JavaScript API warning: [NoApiKeys](/maps/documentation/javascript/error-messages#no-api-keys)\n - Google Maps JavaScript API error: [MissingKeyMapError](/maps/documentation/javascript/error-messages#missing-key-map-error)\n\n#### For web developers:\n\n- If you have access to the source code of your application, look for the `\u003cscript\u003e` tag which is used to load the Maps JavaScript API. When loading the Maps JavaScript API, substitute `YOUR_API_KEY` in the code below with your API key. \n\n ```html\n \u003cscript async defer\n src=\"https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap\"\u003e\n \u003c/script\u003e\n ```\n- Check the network traffic generated by your website in the browser. In Chrome, this can be viewed using the [DevTools](/web/tools/chrome-devtools) **Network** tab. Here you will see the network requests made by your website. Requests made using the Maps JavaScript API will be under the path `maps/api/js`. Here you can confirm if the requests are using the `key` parameter. It may be helpful to [filter your network traffic](/web/tools/chrome-devtools/console#filtering_the_console_output) by `maps/api/js` when viewing the **Network** tab.\n\n#### No, I am not using an API key.\n\nTo get an API key, click the button below. If you do not see a guided setup, follow the\nfull instructions at [Get Started with Google Maps\nPlatform](/maps/get-started#procedures).\n\n\n[Get Started](/maps/get-started)\n\n#### Yes, I am using an API key.\n\nGreat! Let's move on and check if a billing account is attached to your project.\n\n#### Is a billing account attached to your project?\n\n#### I'm not sure. How can I check if billing account is attached to my project?\n\nGo to the [Billing page](https://console.cloud.google.com/project/_/billing/enable?utm_source=Docs_BillingNudge) in the Google Cloud console and select the project under which your API key was created.\nTo confirm the key is associated with the project:\n\n1. Go to the **Credentials** section, which can be accessed from the left side bar under **Google Maps Platform \\\u003e Credentials**.\n2. Check that the API key you currently use on your website is listed. If that's not the case, switch to a different project, and check the credentials there.\n3. If you cannot locate the project for your API key, you may have lost access to this project. Ask others in your organization for help. If the original project cannot be located, you should:\n 1. Create a new project. This can be done by selecting **New Project** from the projects list, or by selecting **Create Project** via the [Resource Manager page](https://console.cloud.google.com/cloud-resource-manager).\n 2. Create a new API key. This can be done on the **Credentials** page. Once there click **Create credentials** and then select **API key**.\n\n\nOnce you have located your project in the Cloud console,\ncheck if a billing account is attached by navigating to the [Billing](https://console.cloud.google.com/project/_/billing) section in the left side menu.\n\n#### No, a billing account is not attached to my project.\n\nGo to the [Enable Billing](https://console.cloud.google.com/project/_/billing/enable?utm_source=Docs_BillingNudge) page in the Cloud console\nand add a billing account to your project. For additional information, see\n[Get Started with Google Maps Platform](/maps/get-started).\n\n#### Yes, a billing account is attached to my project.\n\nGreat! Let's make sure the provided billing method is valid.\n\n#### Is the provided billing method no longer valid (for example an expired credit card)?\n\nYou [can add, remove, or update a payment method](https://cloud.google.com/billing/docs/how-to/payment-methods) in the Cloud console.\n\n#### Is there an exceeded self-imposed daily limit on the API?\n\nIf you have set a daily limit on any of your APIs, which is common to prevent unexpected increases,\nyou can resolve this by [increasing your daily limit](/maps/faq#usage_cap).\n\nYou can check your daily limits by going to the\n[APIs \\& Services Dashboard](https://console.cloud.google.com/project/_/apiui/apis/enabled?utm_source=Docs_EnabledAPIsView) in the\nCloud console. Once there:\n\n1. Select a project if prompted.\n2. Select an API from the list, then click the **Quotas** tab.\n\n#### Does your API key have an IP addresses restriction?\n\nAPI keys with an **IP addresses** restriction can only be used with web services that are\nintended for use from the server side (such as the\n[Geocoding API](/maps/documentation/geocoding/start)\nand other [Web Service APIs](/maps/apis-by-platform)).\nMost of these web services have equivalent services within the Maps JavaScript API (for example, see the\n[Geocoding Service](/maps/documentation/javascript/geocoding)).\nTo use the Maps JavaScript API client side services, you will need to create a separate API key which\ncan be secured with an **HTTP referrers** restriction (see\n[Get, add, and restrict an API key](/maps/get-started#api-key)).\n\n### If your code isn't working:\n\nTo help you get your maps code up and running, Brendan Kenny and Mano Marks point out\nsome common mistakes and how to fix them in this video. \n\n- Look for typos. Remember that JavaScript is a case-sensitive language.\n- Check the basics - some of the most common problems occur with the initial map creation. Such as:\n - Confirm that you've specified the `zoom` and `center` properties in your map options.\n - Ensure that you have declared a div element in which the map will appear on the screen.\n - Ensure that the div element for the map has a height. By default, div elements are created with a height of 0, and are therefore invisible.\n\n Refer to our examples for a [reference\n implementation](/maps/documentation/javascript/examples/map-simple).\n- Use a JavaScript debugger to help identify problems, like the one available in the [Chrome\n Developer Tools](/chrome-developer-tools/docs/javascript-debugging). Start by looking in the JavaScript console for errors.\n- Post questions to [Stack\n Overflow](https://stackoverflow.com/questions/ask?tags=google-maps-api-3,google-maps). Guidelines on how to post great questions are available on the [Support](/maps/support) page."]]
