Problema con Google Maps (Error de JavaScript) - SOLUCIONADO

[Jonatan - Siabyte]

Hola, buenas tardes.

Acabo de instalar una tienda totalmente nueva, de 0, de prestashop 8.0.1, le he puesto una plantilla de pago y tal y estoy empezando poquito a poco a personalizarla y tal.. hasta aquí bien.

Cuando paso por la parte del "Contacto", esta plantilla lleva un módulo que incrusta un mapa del maps y tal, y por lo que he visto necesitaba crear una api en Google Cloud... total, que la creo, habilito todo y hago como dicen los tropecientos tutoriales que hay en la red.. y una vez consigo por fin la api key, voy al módulo, la introduzco, aplico y todo funciona maravillosamente.. 

La sorpresa es cuando sin tocar absolutamente nada, a cosa de 2 horas, vuelvo a continuar el trabajo de la web, y me percado de que el mapa no funciona. Cuando cargo la web (ya he probado a vaciar la cache y a navegar en modo incognito, sin éxito) parece que el mapa quiere cargar durante un micro segundo, pero entonces sale como un fondo gris y me saca un error que me dice:

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

Pues nada, llevo buscando como 3 horas y no encuentro la solución de forma clara... he visto algún post antiguo de algo similar pero al ser de prestashop 1.6 no sirve, no coincide.. porque he visto un archivo php (no recuerdo ahora mismo donde) donde se supone que hay una linea de código que puedo modificar y tal, pero es que es bastante distinto y por supuesto esa linea ni existe.. total, que no me sirve, y estoy loquisimo no, lo siguiente, mientras busco y busco y no encuentro absolutamente nada, ¿alguien por favor que domine un poco me puede ayudar?, muchísimas gracias de antemano!

Edited April 4, 2023 by Jonatan - Siabyte
SOLUCIONADO (see edit history)

[ExpertoPrestaShop]

Que te arroja la consola del desarrollador del navegador? Ahí deben aparecer los detalles del error.

[Jonatan - Siabyte]

Holaa!, muchísimas gracias por responder, estoy desesperadisimo!

La consola arroja esto:

core.js:10 JQMIGRATE: Migrate is installed, version 3.1.0
DevTools failed to load source map: Could not load content for https://siabyte.com/themes/core.js.map: HTTP error: status code 300, net::ERR_HTTP_RESPONSE_CODE_FAILURE
js?key=AIzaSyBcgIFiJ_peDnU31uMLB1A_fISm12iMSXw&sensor=true&callback=initMap:82 Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: https://siabyte.com/contactenos
_.Wd @ js?key=AIzaSyBcgIFiJ_peDnU31uMLB1A_fISm12iMSXw&sensor=true&callback=initMap:82

 

Ahora que lo pienso, dejo mejor una captura para que veas como me sale a mi aquí:

 

Según la consola, es eso de "RefererNotAllowedMapError", y he seguidos las propias instrucciones que me da, y me he ido de nuevo al google cloud este, y he restringido para que solo las apis esas que active tengan acceso la web o no se que, pero nada, sigue exactamente igual.

Decir que por probar... he creado otro proyecto nuevo (ahi en google cloud) por si algo de eso fallaba en el anterior, pero nada, va exactamente igual, por lo que por si acaso lo he dejado de nuevo (la config de mi backoffice) orientado al primer proyecto, que se que al menos funcionó por un rato.

Es que bufff, no entiendo como leñes funciono de maravilla de primeras, y sin necesidad de restringir nada ni nada raro... fue actualizar la web, y zasca!, funcionó de maravilla... me marcho a comer y cuando vuelvo se me ocurre probar de nuevo y ya no funciona... no entiendo nada :_(

Bueno, crees que puedes orientarme un poco mejor con esos datos? Si quisieras acceso a mi backoffice puedo dártelo sin problemas, y al frontoffice si quieres también (para eso necesito tu IP, la tienda está en construccion y tal y la voy haciendo en modo mantenimiento con el asunto de las IPs autorizadas.

Bueno, un saludo enorme y muchísimas gracias de antemano.

 

PD: Por cierto, dejo activas las restricciones esas de las APIS que he tocado en el último momento???. o mejor las vuelvo a quitar y las dejo como estaban antes (sin restricciones, solo estaba restringida la URL, eso si...)

Edited April 1, 2023 by Jonatan - Siabyte (see edit history)

[ExpertoPrestaShop]

Al parecer autorizaste una URL en tu configuración del API de Google que es distinta a la URL desde la que estás accediendo para utilizar Google Maps. Al menos eso es lo que parece que está indicando el error en la consola cuando dice: Your site URL to be authorized: https://siabyte.com/contactenos. o sea, que la URL https://siabyte.com/contactenos  debe estar entre las URLs autorizadas.

[Jonatan - Siabyte]

hace 22 horas, ExpertoPrestaShop dijo:

Al parecer autorizaste una URL en tu configuración del API de Google que es distinta a la URL desde la que estás accediendo para utilizar Google Maps. Al menos eso es lo que parece que está indicando el error en la consola cuando dice: Your site URL to be authorized: https://siabyte.com/contactenos. o sea, que la URL https://siabyte.com/contactenos  debe estar entre las URLs autorizadas.

Hola, antes de nada muchas gracias por el aporte, y la verdad, tiene algo de sentido si, no se me habia ocurrido (tambien porque antes tal cual estaba habia FUNCIONADO...), asi que bueno, he probado a meter la URL pero nada.. he pensado en si tenia que ver el hecho de indicar el https o no, y ya para no fallar he metido ambas direcciones (siabyte "a pelo" y por otro lado la url concreta de "contactenos", 2 veces, una "sin https" y otra con "https", y nada, sigue sin funcionar... para mas seguridad estoy probando en otro navegador, actualizo con F5 y tambien pruebo en navegador de incognito de chrome.. nada de nada, no hay forma, sigue igual y ademas la consola tira EXACTAMENTE el mismo error, ¿se te ocurre alguna idea mas? :_S

De verdad que frustrante esto, y lo mejor de todo es que se rompio sin tocar absolutamente NADA.. iba de maravilla, me fui a comer, volvi y ya no funcionaba, pff que impotencia :_(

Bueno, quedo a la espera a ver si se te ocurre algo mas... si quisierais acceso para bichear os lo doy por supuesto, muchisimas gracias de antemano!

[ExpertoPrestaShop]

No me acuerdo si es obligatoria la restricción de acceso por URL en el API de Google, sino entonces quítala por completo y deja solamente la restricción por dominio.

[Jonatan - Siabyte]

hace 13 minutos, ExpertoPrestaShop dijo:

No me acuerdo si es obligatoria la restricción de acceso por URL en el API de Google, sino entonces quítala por completo y deja solamente la restricción por dominio.

Hola de nuevo.

Efectivamente y ahora que recuerdo mas del asunto volviendo a ver uno de los vídeos que usé para este asunto... precisamente lo de poner los asteriscos antes y despues, es para indicarle que sirve cualquier protocolo "delante", como http, o https, y al final tambien le otorga acceso a cualquier "subpagina", o sea que eso no es (si es que como digo, ya funcionó de primeras... arg), entonces que leñe está fallando ahora? 

Por cierto, por si ayuda... lei por algun sitio que para solucionar mi problema habia que agregar tambien las aplicaciones como restriccion a la api o algo asi, yo las meti todas, quedando asi:

 

Y el caso es que no rula, da exactamente el mismo error estando esas restricciones que sin estar?, ¿me aconsejais quitarlas?

Ains por Dios, a ver si sale alguien que le haya pasado esto o domine bien el tema, porque al final voy a tener que optar por deshabilitar esto, y la verdad me daria mucha rabia :_(

Saludos y gracias de nuevo

[Jonatan - Siabyte]

Hostia pedrin!!!

Se me ha ocurrido meter de forma concreta la URL "https://siabyte.com/contactenos" según me la indicaba el java, sin asteriscos ni nada... y FUNCIONA!

Omg!!, mas raro esto imposible... el sistema de google me aconseja poner esos caracteres al principio y final de la URL para facilitar las cosas, y lo que hace es que no funciona bien y nos complica la vida a nosotros... GENIAL!

En fin, espero que no se vuelva a fastidiar el asunto.. si no, ya volveré a escribir por aquí, y sobre todo espero que si a alguien mas le pasa esto, que sepa por donde van los tiros, porque de verdad que tonteria, pero al ser tan ilógica pues no te imaginas por donde van los tiros y te vuelves loco, lo que me ha pasado a mi vamos.., ains

Bueno, muchísimas gracias igualmente por estar ahí, un saludo!

Edited April 4, 2023 by Jonatan - Siabyte (see edit history)