Si el mapa del localizador de tiendas no se muestra en tu sitio web, es probable que se deba a una configuración incorrecta de tu clave de la API de Google Maps o de los ajustes de compatibilidad. A continuación, te explicamos las causas más comunes, sus soluciones y los pasos a seguir para restablecer el funcionamiento completo.
Causa común: «RefererNotAllowedMapError» #
El error «RefererNotAllowedMapError» se produce cuando la clave de la API de Google Maps tiene restricciones que no autorizan las solicitudes procedentes del dominio de tu sitio web. Google impide que se cargue el mapa si la URL de tu sitio, conocida como «referente HTTP», no figura como referente permitido en las restricciones de la clave de la API.
Solución del error «RefererNotAllowedMapError» #
La solución consiste en actualizar las restricciones de la clave de API en Google Cloud Console para adaptarlas al uso que le das a Google Maps. Sigue los pasos correspondientes que se indican a continuación, según tu configuración:
1. Para sitios web que utilizan Google Maps del lado del cliente (API de JavaScript de Maps) #
- Abre la Consola de Google Cloud y busca la clave de API que utiliza tu sitio web.
- En «Restricciones de la aplicación», selecciona «Referencias HTTP (sitios web)».
- Añade las fuentes de referencia permitidas de tu sitio web, incluidas todas las versiones pertinentes: – Por ejemplo: –
https://yourdomain.com/*–https://www.yourdomain.com/* - De acuerdo con las restricciones de las API, permite únicamente aquellas que tu sitio web necesite, como por ejemplo: – API de JavaScript de Maps – API de Places (si procede)
- Guarda los cambios y vuelve a implementar o actualiza tu sitio web.
2. Para servicios web del lado del servidor que utilizan Google Maps (por ejemplo, la API de geocodificación) #
Si estás realizando solicitudes del lado del servidor a Google Maps (desde tu backend):
- Abre o crea una clave de API de servidor en Google Cloud Console.
- En «Restricciones de aplicaciones», selecciona «Direcciones IP» (servidores web, etc.).
- Añade la(s) dirección(es) IP de salida de tu servidor.
- Debido a las restricciones de la API, limita el uso de la clave a las API pertinentes, como la API de geocodificación.
- Guarda y vuelve a implementar el servidor.
Consejo: Si otras aplicaciones o fuentes necesitan acceso (por ejemplo, importaciones desde un servicio de confianza), añade sus nombres de host o direcciones IP como entradas adicionales.
Otros posibles problemas con la visualización del mapa del localizador de tiendas #
Comprobar la configuración de la aplicación integrada #
En el caso de las herramientas de localización de tiendas que se integran con los temas del sitio web, asegúrate de que la incrustación de la aplicación esté habilitada en las páginas que alojan el mapa:
- Abre la configuración del tema de tu sitio web o la configuración de integración de aplicaciones.
- Busca las opciones de integración del localizador de tiendas para la página correspondiente.
- Activa la función de «Localizador de tiendas» y guarda los cambios.
Guía de pruebas e implementación #
- Actualiza tu sitio web: tras actualizar la configuración de la clave API o habilitar las incrustaciones, vuelve a cargar la página en cuestión para comprobar si el mapa se muestra correctamente.
- Depuración: utiliza las herramientas de desarrollo de tu navegador para comprobar en la consola si hay algún error relacionado con la API.
Asistencia opcional #
Si estos pasos no resuelven tu problema o si tienes dificultades con la configuración de las claves, te recomendamos que te pongas en contacto con tu equipo de asistencia técnica o con el servicio de asistencia de Google Cloud para obtener ayuda. Esto puede incluir la delegación de permisos de acceso para la resolución de problemas (si procede).
Si sigues estos pasos, podrás solucionar los problemas de configuración más habituales y asegurarte de que el mapa del localizador de tiendas se muestre correctamente. Revisa periódicamente el uso y las restricciones de la API de Google Cloud para mantener un funcionamiento óptimo.
