Questa pagina non può caricare correttamente Google Maps

Google Maps è un servizio di mappatura basato sul Web che fornisce regioni geografiche e mappe stradali di qualsiasi parte del mondo. Tuttavia, alcuni proprietari di siti Web ricevono l’errore “Questa pagina non può caricare correttamente le mappe di Google” invece di caricare la mappa di Google. Questo errore può anche essere visualizzato come »Questa pagina non è stata caricata correttamente su Google Maps. Consulta la console JavaScript per i dettagli tecnici «.

Ops! Qualcosa è andato storto. Questa pagina non ha caricato correttamente le mappe di Google.

Nota: questa soluzione è destinata ai proprietari di siti Web e non all’utente convenzionale.

Che cosa fa sì che Google Maps non si carichi correttamente?

I plugin di Google Map funzionerebbero molto bene senza bug, ma le cose sono cambiate negli ultimi anni quando Google ha cambiato le regole per i siti web con mappe incorporate. I proprietari di siti web potevano farlo funzionare prima con il solo codice di incorporamento, ma ora richiedono la chiave API per il corretto funzionamento di Google Map. Se hai già aggiunto la chiave API, puoi vedere la scheda “Ispeziona elemento -> Console” in Chrome per vedere il motivo esatto per cui Google non consente a Google Maps di essere sul tuo sito. Ciò potrebbe essere dovuto a una password errata, a una password ristretta, ecc.

Aggiungi la chiave API di Google alle impostazioni del tuo sito

Affinché Google Map funzioni per il tuo progetto o sito web, devi creare la chiave API di Google e aggiungerla nelle impostazioni del tuo sito. Devi accedere agli sviluppatori di Google per creare la chiave e correggere eventuali altri errori.

Se hai inserito manualmente lo script per le mappe, dovrebbe essere il seguente con la tua chiave API invece di TU_API_KEY

asyncdefersrc="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
 type="text/javascript">

Poiché WordPress è il CMS più popolare in circolazione, con oltre 172 milioni di siti Web che lo utilizzano; dimostreremo i passaggi solo per WordPress.

1. Vai alle impostazioni del plug-in, quella che stai utilizzando per Google Maps e dovrebbe avere un’opzione per aggiungere la chiave API. Se non ce l’hai, probabilmente stai utilizzando una versione precedente di un plug-in o un plug-in obsoleto. Plugin API di Google in WordPress

2. Tieni aperte le impostazioni della chiave API sul tuo sito WordPress.

3. Vai al gestore delle risorse cloud di Google

4. Accedi a Google se non sei già entrato

5. Clicca su »Crea un progetto«, dai un nome al progetto e clicca su »Crea» Crea un progetto

6. Vai al sito web di Google “Attiva l’API”.

7. Fai clic su »Seleziona un progetto» in alto, quindi seleziona il nuovo progetto appena creato e Continua

8. Premi »Abilita API e servizi«

9. Cerca »Maps JavaScript API» e aprilo

10. Quindi premere il pulsante »Abilita» Abilitazione dell’API per il progetto

11. Fare clic sul menu di navigazione, selezionare »API e servizi» e andare su »Credenziali«

12. Fare clic sul menu a discesa Crea credenziali e selezionare »Chiave API«

    Nota: se lo desideri, puoi impostare la chiave di restrizione per impedire l’uso non autorizzato

13. Fare clic su »Chiudi» e quindi fare clic sulla chiave creata

14. Seleziona »Riferimenti HTTP» in Restrizioni applicazione

15. Aggiungi l’URL del tuo sito web e clicca su »Salva«

16. Ora copia la chiave e torna al sito WordPress Creazione della chiave API per il sito

17. Scorri verso il basso sotto il pannello di sinistra e vai su »Impostazioni«

18. Troverai un’opzione per »Chiave API di Google«, aprila e incolla lì la chiave.

19. Salva le impostazioni, vai alla tua pagina e aggiornala.

Nota: assicurati che la tua fatturazione sia stata abilitata perché Google consente solo $ 300 di credito o 12 mesi di utilizzo gratuito (a seconda di quale si riduce più velocemente). Successivamente, la fatturazione deve essere configurata e implementata.