Google is not defined ¿Qué significa y cómo puedes solucionarlo?
En este artículo le explicaremos que es el error Google is not defined, porque ocurre y como solucionarlo.
¿Qué es Google is not defined? ¿Por qué sucede?
Google is not defined es un mensaje de error que aparece cuando un programa o sitio web no puede encontrar la biblioteca JavaScript de Google. Esto suele ocurrir porque el script no está correctamente vinculado a la página o porque el código se ha modificado de algún modo que impide que el navegador lo reconozca.
¿Cómo solucionar el error Google is not defined?
La mejor forma de solucionar el error Google is not defined es asegurarse de que el script está correctamente vinculado a su página. Para ello, añade un elemento de enlace en el encabezado del documento HTML.
Asegúrate de que el enlace no contenga errores tipográficos y de que apunte a la URL correcta de la biblioteca JavaScript.
Si utiliza WordPress puede instalar un plugin que añada el script por usted. También puede comprobar la fuente de la página para asegurarse de que se ha vinculado correctamente.
¿Cómo solucionar el error Google is not defined de Google Maps?
Si intentas crear un objeto de mapa de Google Maps sin incorporar la biblioteca Maps Javascript, aparecerá un mensaje de error de "Google no está definido" (Google is not defined).
<script>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: {
lat: 45.4215296,
lng: -75.6971931
},
mapTypeId: google.maps.MapTypeId.ROADMAP
});
</script>
Para empezar a trabajar con Google Maps, asegúrate de incluir la biblioteca Maps Javascript en tu código antes de iniciar un objeto de mapa.
<script src="https://maps.googleapis.com/maps/api/js?key=[SU_API_KEY]"></script>
<script>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: {
lat: 45.4215296,
lng: -75.6971931
},
mapTypeId: google.maps.MapTypeId.ROADMAP
});
</script>
Otra causa probable de este error podría ser que si añades un parámetro callback con una función initMap() a la URL de tu librería Javascript de Mapas, es probable que te veas limitado en cómo y cuándo puedes utilizar la librería JS.
<script src="https://maps.googleapis.com/maps/api/js?key=[SU_API_KEY]&callback=initMap"></script>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: {
lat: 45.4215296,
lng: -75.6971931
},
mapTypeId: google.maps.MapTypeId.ROADMAP
});
}
</script>
Esto debería funcionar correctamente.
Sin embargo, si intentas instanciar el objeto de mapa de Google Maps fuera de la función initMap(), se producirá un error "Google is not defined" (Google no está definido) como el que se muestra en la siguiente imagen.
Para evitar este error, basta con excluir el parámetro de devolución de llamada de la URL de la biblioteca Maps Javascript:
<script src="https://maps.googleapis.com/maps/api/js?key=[SU_API_KEY]"></script>
<script>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: {
lat: 45.4215296,
lng: -75.6971931
},
mapTypeId: google.maps.MapTypeId.ROADMAP
});
</script>
Listo, con esto deberías de haber solucionado el error 'Google is not defined'.
Comenta lo que quieras
Unete a la charla
Solo ingresa tu email