Cómo solucionar el Google Maps API error MissingKeyMapError

Desde hace una semana, puede que nos encontremos que al insertar un mapa de Google en nuestra web nos aparece un cuadro de error en su lugar con un mensaje que indica el Google Maps API error: “Se ha producido un error“. “Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript“.

Al mirar la consola de depuración (pulsando F12) nos aparecerá el siguiente mensaje:

"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error".

missingkeymaperror

¿Porqué aparece este error si antes los mapas de Google funcionaban correctamente?

Desde el día 22 de junio, Google ha cambiado su política de uso de la API de Google Maps (ver noticia en el blog de Google). Ahora para usar algunos de sus servicios como Google Maps hay que registrarse en la Consola de Google y conseguir una clave (key) para poder seguir usándolas.

Este cambio afecta a todas las nuevas implementaciones, mientras que las que ya estaban creadas tienen un “período de gracia” hasta el 12 de Octubre de 2016. Así que vamos a ver que tenemos que hacer para poder seguir usando Google Maps de forma gratuita siempre y cuando no nos pasemos del límite de cuota de 25 mil peticiones diarias.

Paso 1. Conseguir una clave de la API (API Key)

Para ello tenemos que ir a la Consola de Google (el lugar donde se gestionan todas las APIs de Google): https://console.developers.google.com/apis y crear un proyecto nuevo (sino lo teníamos creado), como se ve en la imagen adjunta. Nos aparecerá una ventana para que le asignemos un nombre al proyecto y aceptemos los términos de uso. Este paso puede tardar un poco, así que antes de seguir tenemos que asegurarnos que el proyecto ya se ha creado. Lo sabremos cuando en el selector de proyectos aparezca el nombre del que hemos creado.
consola crear proyecto

Con el proyecto creado, habilitamos las APIs que vayamos a necesitar. En este caso como mínimo habilitaremos la de “Google Maps JavaScript API” haciendo click sobre ella y pulsando el botón que aparecerá después que pone “Habilitar” como se puede ver en la imagen inferior. Nota: para que funcione es posible que tengamos que habilitar otras como el “Google Maps Geocoding API” según el uso que hagamos del maps (convertir direcciones en puntos GPS o viceversa, etc…). El proceso para habilitar es el mismo que hemos seguido con la API de JavaScript de Google Maps.
google maps javascript api
habilitiar google maps javascript api

Una vez habilitada/s la/s API/s tendremos que crear las credenciales para poder usarla, lo que viene siendo la API Key que nos pide Google para poder usar Google Maps en nuestra web. Para ello hacemos click en el botón “Ir a las credenciales” que se ve en la imagen.
consola google credenciales

En la pantalla de credenciales tenemos que seleccionar dos preguntas que nos hace Google. Primero “¿Qué API estás utilizando?” donde indicaremos “Google Maps JavaScript API” y segundo “¿Desde dónde llamarás a la API?” en nuestro caso que es para mostrar un mapa en una web sería la opción “Navegador Web (JavaScript)”.
consola google crear credenciales

El siguiente paso es ponerle un nombre a estas credenciales y si queremos, que solo se pueda usar en nuestro dominio (lo cual es más que recomendable para evitar un uso fraudulento de nuestras credenciales que conlleven un uso excesivo de la cuota de 25 mil peticiones diarias que tenemos disponibles. Para ello indicamos el nombre de nuestro dominio donde se permite el uso de comodines, por ejemplo si introducimos *.midominio.com/* podremos usar esta clave para cargar mapas tanto desde nuestro dominio principal como desde otros subdominios que tengamos creados o ir añadiendo diferentes dominios uno a uno.
consola google crear credenciales 2

Al pulsar sobre el botón “Crear clave de API” nos mostrará nuestra clave para usar en nuestra web. Ahora toca implementarla en nuestra web.
consola google apikey

Paso 2. Introducir nuestra Clave de la API en nuestra web.

Este paso es bastante sencillo. Donde estemos haciendo las llamadas a Google Maps, solo tenemos que añadirle el parámetro “key” junto con el valor que hemos obtenido en la Consola de Google.

Si hasta ahora la llamada a la API de Google era:

<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js'></script>

Ahora pasará a ser así:

<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCe30oLPh7uH3vWngw96bjZ0HLPq51Byf8'></script>

Donde el valor de la key es la clave que hemos obtenido en el punto anterior

Agregar la Api Key en un WordPress

Si estamos desarrollando nuestra web en WordPress y no queremos modificar los ficheros de nuestra plantilla / framework / plugin para poder seguir usando Google Maps, podemos hacer uso de este sencillo plugin (API KEY for Google Maps) que lo que hará será introducir el parámetro “key” en la llamada a la API de Google Maps por nosotros sin necesidad de edtiar ningún fichero.
Descargar plugin: https://wordpress.org/plugins/api-key-for-google-maps/

marketing online

Esta entrada fue publicada en Diseño Web, Internet. Guarda el enlace permanente.

111 respuestas a Cómo solucionar el Google Maps API error MissingKeyMapError

  1. Jesús dijo:

    Buenas tardes.

    He seguido paso a paso las instrucciones para agregar el mapa de google a mi web en html5 y me sigue dando el mismo error. He borrado las cookies y he generado una nueva clave y nada.

    Espero que puedan ayudarme

    • eduard dijo:

      Hola Jesús,

      Estoy viendo tu web y no veo la “key” en la llamada al javascript de Google Maps en esta línea:
      <!-- Google Map js --><script src="https://maps.googleapis.com/maps/api/js"></script>

      Esta parte es la que comentamos en el paso 2, vuestro código debería de ser así:
      <!-- Google Map js --><script src="https://maps.googleapis.com/maps/api/js?key=clave_generada"></script>

      Si tienes cualquier duda aquí estamos 🙂

  2. Ana dijo:

    Muchas gracias! Hiper útil y detallado, funcionó a la perfección

  3. pablo dijo:

    hola estoy intentando usar el apikey generado en codeigniter, pero el error sigue apareciendo me podrian ayudar, gracias

  4. Carlos dijo:

    Muchas gracias, fue muy útil tu artículo, me ayudo a solucionar el problema con pasos muy sencillos, más fácil que en la página oficial de google… jajaj

  5. Alvaro dijo:

    Hola! He seguido las instrucciones paso a paso pero me temo que no he sido capaz de arreglarlo!

    Esta es mi web amaria.es/contact . Agradezco infinito una ayuda! Saludos!

  6. Kelyn dijo:

    Excelente!!! Muchisímas gracias por este aporte , no te imaginas lo mucho que me ayudaste. Mil gracias. 😀

  7. Cristian dijo:

    Excelente tu explicación, te hago una consulta, no tengo la linea de código con googleapis.com. si no esta

    debajo copié la de tu ejemplo, esa debería borrarla?

    muchas gracias

    • eduard dijo:

      Hola Cristian,

      No sale la linea en el comentario porque no admite html, puedes poner sólo la url del “src”?

      Muchas gracias 🙂

  8. josep dijo:

    Hola he seguido tus pasos, primero gracias por la explicación porque me estaba volviendo loco, pero siguen sin funcionar, no sé porque

    • eduard dijo:

      Hola Josep!

      Por lo que veo el problema que te indica la consola de depuración es “Google Maps API error: RefererNotAllowedMapError”.
      Asegúrate en el paso de crear la key, te deja indicar el dominio desde donde usarás la API. Tiene pinta de estar mal puesto (si entras en tu web sin las tres w (www.) verás que carga correctamente vinqualis.com).
      Has de poner este texto incluyendo los asteriscos *.vinqualis.com/* (y así cargará seguro en todo el dominio y subdominios).

      Por otro lado para evitar problemas con el posicionamiento en buscadores deberías evitar que te cargue la web con www. y sin www. Solo debería cargar una de las dos.

      Un saludo!

  9. fonchito r dijo:

    Muchas gracias excelente aportacion. todo me sirvio mucho resolviste mi problema.

  10. Romero dijo:

    saluodos, que pasa en el caso de joomla?

  11. Hola Eduard,

    He seguido atentamente tus pasos y aún no he podido solucionar el tema
    El sitio que tiene el problema es http://integrasecurity.com.co/contactenos/

    ¿Me podrías colaborar? Muchas gracias.

    • eduard dijo:

      Hola Juan,

      En tu caso veo que aparece el error de Google Maps es el siguiente “TOSViolationMapError”.
      Puede ser debido a la versión del mapa que estás cargando (11.7) en lugar de la 3 por ejemplo que el la última versión.
      En tu caso:
      <script type=’text/javascript’ src=’http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyCzO9GlZSn2vkJa6uyvILktx2cyzQGXZOQ#038;ver=11.7′></script>
      Debería ser:
      <script type=’text/javascript’ src=’http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyCzO9GlZSn2vkJa6uyvILktx2cyzQGXZOQ#038;ver=3′></script>

      Por otro lado una línea más abajo vuelves a llamar a la API de Google Maps pero con otro clave

      <script src=”http://maps.google.com/maps?file=api&v=2&sensor=false&key=AIzaSyAY92qkCVGmfExC4wXsLtEOIN848vROsGA” type=”text/javascript”></script>

      Podrías chequear que tengas bien puesto la clave de la API que has generado?

      Un saludo!

  12. David dijo:

    Hola Eduard, lo primero muchas gracias por el artículo, se aprende mucho, aunque tengo un problema he probado todo lo que aquí se dice y con el plugin de WP pero sigo con el mismo problema, ya he probado a meter todas las posiblidades de url y sigue sin funcionar? Es posible que tarde un tiempo en activarse?gracias!

    • eduard dijo:

      Hola David,

      Mirando el código fuente, veo que no te está añadiendo la clave en la llamada a la API, sino que te la está añadiendo en un bloque de “Custom Javascript”. Lo añadiste correctamente en el plugin que indico en el artículo? La activación del mapa debería de ser casi instantánea.

      Un saludo!

      • David dijo:

        Muchas gracias por tu respuesta, si meti la clave con el plugin pero no funcionó. Al final voy a desistir de poner el mapa creo. 🙁 🙁

  13. Juan Camilo dijo:

    Cordial Saludo Eduard

    He seguido los pasos del tutorial para no logro que se visualice el mapa, me podrías colaborar?

    Muchas gracias,

    • eduard dijo:

      Hola Juan,

      En error que aparece en tu mapa al mirar la consola de javascript es “TOSViolationMapError”. Según Google estás violando alguno de sus términos de uso. Revisa la configuración de la Consola de Google.

      Un saludo!

  14. Se ha producido un error.
    Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript

    si te sale esto en tu plataforma de joomla, y estas creando con spbuilder, no te preocupes lo que debes hacer es lo siguiente:

    vas al modulo que estas creando.
    encima del addon de google debe insertar el addon RAW HTML.

    y en la parte del codigo debes colocar el codigo api que generaste pero debes usar este codigo:

    guardas y despues modificas el addon de google maps.

    espero poder haberles ayudado.

    • javiemek dijo:

      Muy buenas,

      A buenas horas, pero es que estoy buscando información sobre estre problema en joomla y de verdad que no entiendo mucho la explicación.

      ¿alguna forma de entenderlo para dummies? Estoy aprendiendo sobre el mundillo y ando un poco pegado.

      GRACIAS.

  15. Josep dijo:

    Hola,

    ya pude ver el mapa en la web, el problema es que ahora 2 o 3 semanas después y ya con la configuración hecha no sé muy bien porque me vuelve a dar error el mapa…!?

  16. Hola Eduard buen dia.
    Muchas gracias por el artículo, es muy valiosa tu explicacion.
    El problema es que he probado todo lo que aquí se dice y con el plugin …
    la direccion es
    http://www.worldwideevolution.us/contact.php si tienes el tiempo y me haces el favor de checar el codigo de la pagina te agradeceria.

    Saludos y muchas gracias

    • eduard dijo:

      Buenos días Julio,

      El fallo está en que estás llamando dos veces al javascript de Google Maps.
      En la línea 48 tienes la llamada correcta, pero luego vuelves a cargarlo en la línea 441 donde se hace la llamada sin la Clave de la API. Si puedes elimina esa última llamada al javascript de Google Maps

  17. Es necesario certificado de seguridad SSL para que funcionen las apis???

    • eduard dijo:

      Hola Gustavo,

      No, no hace falta ningún certificado de seguridad SSL para que aparesca Google Maps en tu web.

    • eduard dijo:

      El error que te aparece es que has de introducir tu dominio como dominio permitido en el Google Console para que aparezca el mapa para este dominio.

      Un saludo!

  18. Jose Abanto dijo:

    Buenas noches.
    Muy buena y detallada tu explicación, pero por más que he creado javascript api, geolocalization api, geoposition api, siempre me sale el error.
    En localhost todo funciona muy bien pero cuando intento acceder desde internet a mi servidor, un momento muy corto aparece el mapa y aparece el bendito error ese.
    Espero que me ayudes.
    Gracias.
    Jose

  19. Daniel dijo:

    Buenas tardes ya he hecho todos los pasos sin embargo no funciona la pagina es http://www.tapitec.com.co/index.html#contact, les agradezco

  20. Andy Cruz dijo:

    esta api genera algun costo?

  21. mártin dijo:

    Hola, acabo de probar tus pasos y funciona correctamente, desde la PC se puede apreciar el map en mi pagina web gracias.

    Ahora mi consulta es la siguiente: esto también se aplica cuando lo vea desde mi celular? o debo generar otra clave API para que también se pueda ver desde un celular?, porque ingrese a la biblioteca y al darle click a la opción “Google Maps Android API” solo me aparece el botón HABILITAR y ya no el botón “Ir a las credenciales”

    que pasos debo seguir en este caso? espero me puedas orientar gracias.

    • eduard dijo:

      Hola Martin.

      La web y el mapa de google se verán correctamente en tu móvil.
      La opción que indicas de “Google Maps Android API” es para cuando haces una App para Android. En ese caso si que tienes que generar una clave para la aplicación, pero si la web de escritorio es la misma que carga la móvil no es necesario hacer ningún paso más.

      Un saludo!

  22. Diego dijo:

    Hola,
    a mi la pregunta “¿Desde dónde llamarás a la API?” no me aparece y por tanto no me funciona.

    Podrías indicarme, gracias.

  23. eduard dijo:

    Hola Diego,

    Siento no poder ayudarte en ese caso, siguiendo los pasos debería de aparecerte esa opción. ¿Seguro que has escogido bien la API que tienes que habilitar?

    Un saludo!

  24. Marcos dijo:

    Todo eso lo hice, y lo tengo hecho en Joomla. El problema es que hasta ahora en casi todos los dispositivos donde vi el sitio el mapa anda, pero justo en la máquina de mi cliente le aparece ese error. A qué se debe?

  25. Hola, muchas gracias por el post me fue de mucha ayua, el problema es que sigo viendo el mismo mensaje de error: Se ha producido un error.
    Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript.
    Estoy usando WordPress, una app llamada HeroMap, el problema surgió cuando cambie de hosting. Segui los pasos indicados en tu post, instale la app y cree la API Key.. que estoy pasando por alto?

  26. Gustavo dijo:

    Excelente documento, me funciono al 100%

  27. Nestor dijo:

    Hola, estoy tratando de usar el dishpointer para direccionar mi antena satelital y me tira el error:

    Se ha producido un error.
    Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript.

    Si me pueden ayudar a solucionar el problema les agradeceria….

  28. kristian dijo:

    http://www.reparaciondeparihuelas.com/contacto.html

    por favor ya agrege el codigo y nada podrian ayudarme
    ye me desespere 🙁

    • eduard dijo:

      Hola Kristian,

      Tienes dos problemas en tu página:
      1.-Estás incluyendo la llamada al Javascript de Google Maps 2 veces (uno con la clave de la API y otro sin)
      2.-Tienes mal puesto tu dominio en la consola de Google el apartado de “Aceptar estas URLs de referencia. Asegúrate de haber puesto una entrada como esta: *.reparaciondeparihuelas.com/*

      Un saludo!

      • kristian dijo:

        hola Eduard desde ya gracias por tu ayuda ya corregi en el api la URL pero me sigue saliendo el error y no encuentro esa opcion donde dices que lo agregue 2 veces solo esta pegado una linea del script podrias darme una mano , muchas gracias desde ya!

        • eduard dijo:

          Hola Kristian,

          Primero comentarte que yo ya veo el mapa en tu web. Ahora solo aparece el warning de que está dos veces puesto. Si miras el código fuente verás que lo llamas en la línea 324 (sin la key) y luego en la línea 357 (con la key). Si ves que a ti no te aparece actualiza la página eliminando posibles cachés (control + F5)

          Un saludo!

      • JHANETT NICOLAS dijo:

        Esta todo bien me funciono correctamente Gracias!!!!!!!!! 🙂

  29. Ric dijo:

    hola tengo joomla y phoca maps, he creado mi api en google pero no tengo la solución.
    donde puedo ubicar el archivo para modificar el javascript no lo ubico.

    la dirección web es http://cevicheriaelmuelle.com/ubicanos.html

    agradezco su apoyo

    • Raul dijo:

      HOla tambien utilizo joomla pero con una plantilla Jm-joomads que viene con dj-clasiffieds y dj-media tool la cuestion es que no se donde se ubica el archivo para modificar el api key y los pugin que instale ya pegue la llave pero no llaman a la api key por lo tanto no se visualizan

  30. Adrian dijo:

    Tutorial muy sencillo y explicado claramente.

    Funciona correctamente.

    Gracias.

  31. Jose Luis dijo:

    Hola segui paso por paso tus consejos pero me sigue dando el mismo error, podrias revisar y ver en que me equivoque?

  32. eduard dijo:

    Buenos días José Luís,

    Mira en el código de la llamada a Google Maps, después de la key que has puesto falta cerrar las comillas:
    <script src=”http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyAx6vWPndXPIHMiZILyEyECz2MeKGYsaao type=”text/javascript”></script>

    Debería ser así:
    <script src=”http://maps.google.com/maps/api/js?sensor=false&key=AIzaSyAx6vWPndXPIHMiZILyEyECz2MeKGYsaao type=”text/javascript”></script>

  33. Leonardo dijo:

    Hola Eduard,

    Primero que todo, muchas gracias por tomarte el trabajo de responder todas las inquietudes que se nos presentan. Haces un gran trabajo.

    Por otro lado, en la tienda de prestashop http://allegriaspirit.co/tiendas no aparece el mapa después de seguir todos tus pasos. Te agradezco me ayudes ya que es un trabajo para un cliente y requiere que el mapa funcione para poder localizar sus tiendas.

    Muchas gracias y quedo atento a tus comentarios.

    • eduard dijo:

      Hola Leonardo,

      Tu caso es como el de Kristian, un par de comentarios más arriba.

      Tienes que añadir el tu dominio dentro de los permitidos donde usar la API. En el apartado de “Aceptar estas URLs de referencia. Asegúrate de haber puesto una entrada como esta: *.allegriaspirit.co/*

      Saludos!

  34. jorge jimenez dijo:

    si me funciono pero me aparece la direccion de nueva york cuando yo puse la de mi local, que puedo hacer ahi desde ya gracias

  35. Javier dijo:

    Buenos días, he seguido el tutorial en varios de mis dominios, pero exactamente en uno de ellos no me funciona. No entiendo porque ya que en el resto me ha ido perfectamente a traves del plugin.
    En esta pestaña se puede ver como no funciona,

    http://laparcela.es/mapa/

    Muchas gracias.

    • eduard dijo:

      Buenos días Javier,

      Viendo el código fuente de la página que me pasas, en la línea 436 aparece la llamada a google maps pero la key está vacía.

      Revisa el plugin o framework que has usado para introducir la key en tu WordPress, si se ha quedado bien grabada y que no haya algún carácter raro que lo esté haciendo petas.

      Un saludo!

      • Javier dijo:

        Me puedes decir exactamente donde buscarlo de todo el codigo, en que .php o donde exactamente?

        • eduard dijo:

          Depende de cada WordPress, en el código fuente que genera tu página aparece en la linea 439 pero eso lo está generando tu WordPress. ¿Has descargado el plugin que indico al final del artículo para introducir la Key?

          Saludos!

          • Javier dijo:

            Buenas, creo que ya he añadido manualmente en el plugin la api en “maps.googleapis.com/maps/api/js?key=AIzaSyBteaN1o61w3Ne7fQaPYKVYBxXAO8fhUf4” y se me sigue sin ver. Siento ser tan pesado!

            Me podrias decir en que parte del codigo has visto que falta, asi lo busco tal cual por todo el wordpress.

    • eduard dijo:

      Hola Javier!

      No sé si te funcionará correctamente, pero viendo los errores que salen en la consola, cambiaría la línea que has añadido:
      <script src=”https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&key=AIzaSyBteaN1o61w3Ne7fQaPYKVYBxXAO8fhUf4″></script>

      Por esta otra:

      <script src=”https://maps.googleapis.com/maps/api/js?key=AIzaSyBteaN1o61w3Ne7fQaPYKVYBxXAO8fhUf4″></script>

      Y sino te funciona por esta otra:
      <script src=”https://maps.googleapis.com/maps/api/js?key=AIzaSyBteaN1o61w3Ne7fQaPYKVYBxXAO8fhUf4&callback=wyde.page.initMaps”></script>

      Pruébalo y me cuentas si funcionó 🙂

  36. xavier dijo:

    Hola buenos tardes Eduard he seguido los pasos y no me da error pero no veo el mapa, me podrias ayudar ? muchas gracias

    • eduard dijo:

      Buenos días Xavier,

      En la web de tu perfil lo veo correctamente, no sé si ya lo conseguiste solucionar o tienes este problema en otra página?

      Un saludo!

  37. Eduardo dijo:

    Hola Eduard, antes de nada felicitarte por tus explicaciones. He conseguido que funcione siguiendo tus explicaciones, pero únicamente me carga bien el mapa cuando ejecuto nuestra página en local.

    Una vez que lo subimos al servidor (arsys) en la zona del mapa aparece todo de color grisaceo, aunque sí aparece la “manita” del curso de google maps. No aparece ningún mensaje de error.

    Si revisas el código de nuestra página puedes encontrar la llamada a la API en la línea 749.

    Muchas gracias y saludos.

    • eduard dijo:

      Hola Eduardo,

      La consola de Javascript da el error de que el proyecto no está autorizado para usar estas funciones. Imagino que es porque estáis usando markers para mostrar diferentes puntos en el mapa basado en direcciones.

      Prueba a entrar en la Consola de Desarrollo de Google, entra en el proyecto que has creado para usar la API de Google Maps y habilita también la “Google Maps Geocoding API” a ver si así os funciona correctamente.

      Un saludo!

  38. Patricia dijo:

    Hola Eduard!!

    Siguiendo tus indicaciones me ocurre que unas veces se ve el mapa y otras no. ¿Tal vez estoy poniendo mal el código?. ¿O en un sitio que no corresponde?.

    /—moderado—/
    Muchas gracias y un abrazo,

    P.

  39. Francisca Muñoz dijo:

    Hola, mi problema es que estoy haciendo mi proyecto de tesis utilizando visual studio, ya solicite la API; mi problema es que al cargar mi solución mi mapa aparece, pero al refrescar la pagina desaparece y no carga mas siquiera me sale un mensaje de error; es como si solo me lo mostrara una vez por dia, alguna recomendación?

    p.d: No tengo dominio porque como es un proyecto de tesis, solo sera local.

  40. Leno dijo:

    Buenas Noches y muchas gracias a todos pr sus comentarios, logre solucionar el error cambiando la clave (key) no me funcionaba pues tenia una clave para android, la clave correcta es para java.
    Estaba trabajando con joomla

  41. marcelo dijo:

    Hola Eduardo: te agradezco de antemano y te felicito por la manera que te manejas, ….
    Por otro lado, en el sitio http://casadiegos.com no aparece el mapa después de seguir todos tus pasos. Te agradezco me ayudes ya que es un trabajo que me están pidiendo solucionar!!

  42. Jimy Claudelina Román Zorrilla dijo:

    Gracias…me ayudó mucho con las sencillas explicaciones

  43. Elena dijo:

    Buenas tardes!
    Cuando intento insertar el mapa de google en mi wordpress me pone “Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript.”.
    He visto tu tutorial, y leído todos los casos aquí expuesto, he creado mi Key API y descargado el plugin que recomendaste, aun así, sigue sin irme.
    Po otro lado la clave no se genera como dices que tiene que ser.
    Podrías ayudarme por favor?
    Gracias

  44. Elena dijo:

    Escribí mal la web. Lo siento 🙁

  45. Sara dijo:

    Buenas noches estoy siguiendo los pasos pero no deja de salir el error, me dice que tardará 30 minutos, ya paso una hora y nada, dentro del código ya agregue la Key generada desde Google Apis.

    Me podrías apoyar.

    Gracias

  46. Catalina Díaz dijo:

    Hooooo…gracias.. Funciono muy bien

  47. Carlos Medina dijo:

    Que pasa si utilizo JOOMLA y el modulo de “mod_sp_quickcontact”

    ¿Cómo lo soluciono?

    Esta es la liga de web: —moderado—

  48. Francisco Zarazua dijo:

    Hola Eduardo, he leído y hecho cada uno de los pasos que propones pero no se porque sigue sin cargar, ¿habrá algo que me falta?
    mi sitio es: —moderado—
    Y este el escript que uso
    Gracias de antemano por tu tiempo.

  49. Lucas Josué Guerra dijo:

    Buenos días.

    Quiero agradecerles porque me sirvió lo que explicaron en esta publicación.

    Por mi parte estaba cometiendo una equivocación: en vez de habilitar “Google Maps JavaScript API”, estaba habilitando la “Google Maps Geolocation API”. En ese caso, habilité la adecuada y deshabilité la que no correspondía para mi desarrollo en el Panel de control del Administrador de API.

  50. Isaac dijo:

    Estoy teniendo problemas a la hora de que mi mapa se vea, estoy añadiendo la API de forma correcta (en teoria) en el plugin de wordpress pero mi mapa sigue sin verse, solo consigo un color gris.

    • paula@avidalia.com dijo:

      Hola Isaac, si mueves el mapa con el ratón, se ve perfectamente. Entendemos que el problema que tienes no tiene que ver con la API. Saludos y suerte!

  51. Carla dijo:

    Excelente muy buena ayuda. Gracias

  52. Nicolas dijo:

    Me salvaste la vida, ya me estaba por arrancar la cabeza viendo porque no me funcionaba el mapa jajaja.
    Muchas Gracias de nuevo un abrazo grande!!!

  53. Carlos Mario Bernal dijo:

    hola buenas noches, gracias por el tutorial,
    Seguí todos los pasos al pie de la letra y sigue sin funcionar, no se que podrá ser, el sitio lo estoy creando en wordpress.
    gracias de antemano por tu ayuda, un saludo.

  54. Francisco Jose Garcia Rodriguez dijo:

    Porqué hacen las cosas tan difíciles, la vida sería más sencillas sin tantas gilipolleces, no todos somos expertos en tocar la consola javascript, es acojonante, ya no podemos seguir usando los mapas porque hay que modificar un parámetro, metanse el parámetro donde les quepa, me paso a otra plataforma que no me ponga tantas pegas

  55. jsbetancourt dijo:

    hola no se si todavia me puedas ayudar

  56. Roger dijo:

    Man muchas gracias por este gran dato me funciono

  57. orlando dijo:

    excelente ayuda me funciono un 100% en mi plantilla.

  58. Serafin Ruiz dijo:

    FUncionó a la perfección Muchas Gracias

  59. Gustavo Maya Z. dijo:

    Buenos días, saben de algun plugin para Joomla o que archivo modificar para que me funcione, ya genere la credencial pero no se como ingresarla.

    muchas gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Importante: Utilizamos cookies propias y de terceros para mejorar nuestros servicios. Si continúa navegando más de 30 segundos, consideramos que acepta su uso. Puede obtener más información en nuestra Política de cookies.