1. Centro de ayuda
  2. Google Maps
  3. Errores y solución de problemas

Mis mapas se ven más oscuros de lo habitual. ¿Qué sucede?

En ciertas circunstancias, es posible que se muestre un mapa oscuro o una imagen "negativa" de Street View, que incluya una marca de agua con el texto "for development purposes only". Este comportamiento generalmente indica problemas con una clave de API o la facturación. Para usar los productos de Google Maps Platform, debes tener una cuenta de facturación, y todas las solicitudes deben incluir una clave de API válida. El siguiente flujo de preguntas y respuestas te ayudará a solucionar este problema:

¿Estás usando una clave de API?

¿Cómo puedo comprobar si estoy usando una clave de API?
Una clave de API se pasa como el parámetro key en la URL que se utiliza para cargar la API de Maps JavaScript. A continuación, se muestran algunas opciones que puedes usar para verificar si estás usando una clave de API:
    • Usa la extensión de Chrome Google Maps Platform API Checker. Esto te permite determinar si tu sitio web implementa adecuadamente las API de Google Maps con licencia.
    • Si usas una biblioteca o un complemento para cargar la API de Maps JavaScript, comprueba la configuración de esa biblioteca y busca una opción de clave de API.
    • Revisa los errores en el navegador. Si ves los siguientes mensajes, significa que no estás usando tu clave de API correctamente:
      • Advertencia de la API de Google Maps JavaScript: NoApiKeys
      • Error de la API de API de Google Maps JavaScript: MissingKeyMapError

Para desarrolladores web:

  • Si tienes acceso al código fuente de tu aplicación, busca la etiqueta <script> que se usa para cargar la API de Maps JavaScript. Cuando cargues esta API, en el código que se muestra a continuación, reemplaza YOUR_API_KEY con tu clave de API.
     
      <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
      </script>
  • Verifica el tráfico de red generado por tu sitio web en el navegador. En Chrome, puedes ver esta información en la pestaña Network de las Herramientas para desarrolladores. Aquí podrás ver las solicitudes de red que realizó tu sitio web. Las solicitudes realizadas con la API de Maps JavaScript se encontrarán en la ruta de acceso maps/api/js. Aquí puedes confirmar si las solicitudes usan el parámetro key. Puede resultarte útil filtrar el tráfico de red por maps/api/js cuando visualizas la pestaña Network.

 

No, no estoy usando una clave de API.

Para obtener una clave de API, haz clic en el botón siguiente. Si no ves una configuración guiada, sigue las instrucciones completas que se detallan en Cómo comenzar a utilizar Google Maps Platform.