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 Google Maps" invece di caricare Google Map. Questo errore può essere visualizzato anche come »Questa pagina non ha caricato Google Maps correttamente. Consulta la console JavaScript per i dettagli tecnici «.
UPS! 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.
Cosa causa il mancato caricamento corretto di Google Maps?
I plug-in di Google Map funzionerebbero benissimo senza errori, 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 potrebbero farlo funzionare prima semplicemente incorporando il codice, 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 loro sito. Ciò potrebbe essere dovuto a una password errata, la password è ristretta, eccetera.
Aggiungi la chiave API di Google alle impostazioni del tuo sito
Per far funzionare Google Map 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, allora dovrebbe essere il seguente con la tua chiave API invece di TU_API_KEY
asyncdefersrc="https://maps.googleapis.com/maps/api/js?chiave = LA TUA_API_KEY&callback=initMap" tipo="testo/javascript">
Poiché WordPress è il CMS più popolare in circolazione, più di 172 milioni di siti web che lo utilizzano; dimostreremo i passaggi solo per WordPress.
-
Vai alle impostazioni del plugin, quello che stai utilizzando per Google Maps e dovresti 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 -
Tieni aperte le impostazioni della chiave API sul tuo sito WordPress.
-
Vai a Google Cloud Resource Manager
-
Accedi a Google se non hai ancora effettuato l'accesso
-
Clicca su »Crea un progetto«, Assegna un nome al progetto e fai clic su »Crea».
Crea un progetto -
Vai al sito web di Google “Attiva l'API”.
-
Fai clic su »Seleziona un progetto» in alto, quindi seleziona il nuovo progetto appena creato e Continua
-
Premi »Attiva API e servizi«
-
Cerca »Maps JavaScript API» e aprilo.
-
Quindi premere il pulsante »Abilita»
Abilitazione dell'API per il progetto -
Clicca sul menu di navigazione, seleziona »API e servizi» e vai su »Credenziali«
-
Fare clic sul menu a discesa Crea credenziali e selezionare “Chiave API”
Nota: puoi creare una chiave di restrizione per impedire l'uso non autorizzato, se lo desideri
-
Fare clic su »Chiudi» e quindi fare clic sulla chiave creata
-
Seleziona »Riferimenti HTTP» in Restrizioni applicazione.
-
Aggiungi l'URL del tuo sito web e fai clic su “Mantenere”
-
Ora copia la chiave e torna al sito WordPress.
Creazione della chiave API per il sito -
Scorri verso il basso sotto il pannello di sinistra e vai a »Impostazioni«
-
Troverai un'opzione per »Chiave API di Google«, aprilo e incolla lì la chiave.
-
Salva la configurazione, vai alla tua pagina e aggiornala.
Nota: assicurati che la fatturazione sia abilitata perché Google consente solo $ 300 credito 12 mesi di utilizzo gratuito (quello che diminuisce più velocemente). Dopo di che, la fatturazione deve essere configurata e implementata.
