Solució: aquesta pàgina no es pot carregar correctament Google Maps



Proveu El Nostre Instrument Per Eliminar Problemes

Google Maps és un servei de mapes basat en web que proporciona regions geogràfiques i mapes de carreteres per a qualsevol part del món. No obstant això, alguns propietaris de llocs web reben l'error ' Aquesta pàgina no pot carregar correctament Google Maps ”En lloc de carregar el Google Map. Aquest error també es pot mostrar com ' Aquesta pàgina no ha carregat correctament Google Maps. Consulteu la consola JavaScript per obtenir detalls tècnics '.



Vaja! S'ha produït un error: aquesta pàgina no ha carregat correctament Google Maps



Nota: Aquesta solució està dirigida als propietaris de llocs web i no a l'usuari convencional.



Què fa que Google Maps no es carregui correctament?

Google Map els connectors funcionarien molt bé sense cap error, però les coses han canviat durant els darrers anys quan Google va canviar les seves regles per als llocs web amb mapes incrustats. Els propietaris de llocs web podien fer això abans només amb el codi incrustat, però ara necessiten la clau API perquè Google Map funcioni correctament. Si ja teniu la clau API afegida, podeu veure la pestanya 'Inspecciona l'element -> Consola' a Chrome per veure el motiu exacte pel qual Google no permet Maps al vostre lloc. Això pot ser degut a una clau incorrecta, restringida la clau, etc.

Afegiu la clau de l'API de Google a la configuració del lloc

Per fer que Google Map funcioni per al vostre projecte o lloc web, heu de crear la clau API de Google i afegir-la a la configuració del vostre lloc. Heu d'iniciar la sessió a Google Developers per crear la clau i solucionar qualsevol altre error.

Si heu inserit manualment l'script dels mapes, hauria de ser el següent amb la vostra clau API en lloc de YOUR_API_KEY



  asíncron ajornar src='https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY& callback = initMap 'tipus='text / javascript'>

Atès que WordPress és el CMS més popular que hi ha, amb més de 172 milions de llocs web que l’utilitzen; demostrarem els passos només per a WordPress.

  1. Aneu a la configuració del connector, sigui la que utilitzeu per a Google Maps i hauria de tenir una opció per afegir la clau API. Si no en té, probablement utilitzeu una versió anterior d’un connector o un complement obsolet.

    Connectors de l'API de Google a WordPress

  2. Mantingueu oberta la configuració de la clau API al vostre Lloc de WordPress .
  3. Anar a Gestor de recursos al núvol de Google
  4. Inicieu la sessió a Google si encara no heu iniciat la sessió
  5. Feu clic a ' Crea un projecte ”, Assigneu un nom al projecte i feu clic a“ Crear '

    Creació d’un projecte

  6. Anar a API d’activació de Google pàgina web.
  7. Feu clic a ' Seleccioneu un projecte 'A la part superior, seleccioneu el nou projecte que acabeu de crear i Continua
  8. Premeu ' Activeu les API i els serveis '
  9. Buscar ' API JavaScript de Maps ”I obriu-lo
  10. A continuació, premeu el botó ' Activa ”Botó

    Activació de l'API per al projecte

  11. Feu clic al menú de navegació, seleccioneu ' API i serveis ”I aneu a“ Credencials '
  12. Feu clic al menú desplegable Crea credencials i seleccioneu ' Clau API '
    Nota : Podeu convertir-la en clau de restricció per evitar l'ús no autoritzat si voleu
  13. Feu clic a ' Tanca ”, A continuació, feu clic a la clau creada
  14. Seleccioneu ' Referents HTTP ”A Restriccions d’aplicacions
  15. Afegiu l'URL del vostre lloc web i feu clic a ' Desa '
  16. Ara copieu la clau i torneu al lloc de WordPress

    Creació de la clau API del lloc

  17. Desplaceu-vos cap avall per sota del tauler esquerre i aneu a ' Configuració '
  18. Trobareu una opció per a ' CLAU de l'API de Google ”, Obriu-lo i enganxeu-hi la clau.
  19. Deseu la configuració, aneu a la vostra pàgina i actualitzeu-la.

Nota: Assegureu-vos que la vostra facturació s'hagi activat perquè Google només permet un crèdit de 300 $ o 12 mesos d'ús gratuït (el que disminueixi més ràpidament). Després, cal configurar i implementar la facturació.

2 minuts de lectura