Avisos
Vaciar todo

Google maps en heckout  

 
ADRIANA
 ADRIANA
Usuario activo

Estimados,  De antemano agradezco si me pueden colaborar con el siguiente inconveniente:

Estoy configurando el theme Besa, todo iba bien, pero al probar, encuentro que al momento de hacer una compra y llegar al checkout donde se completa el registro me sale un mensaje en delivery location:  "La pàgina no ha cargado correctamente google maps correctamente".  He tratado de hacer lo sugerido pero no logrò corregir el problema.  Adjunto un pantallazo del error.

Gracias!!

Adriana Lòpez

 

Contenido solo visible a usuarios registrados

Este debate ha sido modificado el hace 9 meses por ADRIANA
Citar
Respondido : 02/02/2021 2:36 am
ADRIANA
 ADRIANA
Usuario activo
Respondido por: @y-rozolopezgmail-com

Estimados,  De antemano agradezco si me pueden colaborar con el siguiente inconveniente:

Estoy configurando el theme Besa, todo iba bien, pero al probar, encuentro que al momento de hacer una compra y llegar al checkout donde se completa el registro me sale un mensaje en delivery location:  "La pàgina no ha cargado  google maps correctamente".  He tratado de hacer lo sugerido pero no logrò corregir el problema.  Adjunto un pantallazo del error.

Gracias!!

Adriana Lòpez

 

Contenido solo visible a usuarios registrados

image
Esta publicación ha sido modificada el hace 9 meses por ADRIANA
ResponderCitar
Respondido : 02/02/2021 2:55 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Adriana,

Por favor, adjunta la captura de pantalla que nos comentas así mismo, ¿Podrías decirnos qué es lo que has hecho para intentar corregir el problema? 

Según la documentación del template, debes crear una API KEY de Google Maps -> besa-documentation

En la web hay mucha documentación donde explican cómo crear dicha API Key, por ejemplo -> get-api-key

Si pudieras darnos más detalles del proceso que has seguido para crear dicha API Key en Google y de su configuración nos será más sencillo dar con la solución.

Saludos  🙂

ResponderCitar
Respondido : 02/02/2021 2:55 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@y-rozolopezgmail-com

Hola Adriana, 

El error que aparece en la consola del explorador es el siguiente:

Google Maps JavaScript API error: ApiNotActivatedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error

El problema es que el API Key que has configurado no está asignado o activado para este proyecto de API's de Google. Acá se explica el procedimiento que debes seguir -> gmp-get-started

Las API Key que debes activar para estos casos generalmente son las siguientes:

  • Google Maps JavaScript API
  • Google Maps Geocoding API
  • Google Maps Places API

Debes acceder a -> cloud-resource-manager, debes loquearte con una cuenta registrada en Google, posteriormente debes crear un nuevo proyecto dando click en el botón crear proyecto, postertioemente le asignas un nombre -> Click en Crear:

Captura de Pantalla 2021 02 01 a la(s) 21.55.53

Posteriormente, seleccionas el proyecto:

Captura de Pantalla 2021 02 01 a la(s) 21.57.21

Luego das click en Ir a la Descripción General de las API:

Captura de Pantalla 2021 02 01 a la(s) 22.01.52

Seguido de esto, das click en Habilitar API y Servicios:

Captura de Pantalla 2021 02 01 a la(s) 22.05.49

Luego de lo anterior, seleccionas Maps Javascript API:

Captura de Pantalla 2021 02 01 a la(s) 22.07.32

Seguido de lo anterior, das click en Habilitar.

Luego de esto, das click en Credenciales -> Configurar Pantalla de Consentimiento -> Externos -> Crear -> Completa los campos Nombre de la App, Correo electrónico, etc. 

Seguido de esto, debes dar click en Agregar un Dominio, aqui debes insertar Contenido solo visible a usuarios registrados -> Click en Guardar y Continuar.

Luego de lo anterior, das click en Credenciales -> Crear Credenciales -> Clave de API:

Captura de Pantalla 2021 02 01 a la(s) 22.21.23

Esto te dará la clave de API:

Captura de Pantalla 2021 02 01 a la(s) 22.22.58

Esta la debes copiar y pegar en la configuración de Mapas de tu template.

Saludos 🙂

Esta publicación ha sido modificada el hace 9 meses por Bulmaro
ResponderCitar
Respondido : 02/02/2021 3:19 am

Cursos Gratuitos WordPress