javascript - referernotallowedmaperror - Google Maps v3 api para localhost no funciona
google maps javascript api error: referernotallowedmaperror (3)
¡es muy fácil! en el nuevo código API, debe ingresar sus referencias. Entonces para su prueba localhost:
DEJARLO VACÍO
aquí también está la explicación google api:
Accept requests from these HTTP referrers (web sites) (Optional)
Use asterisks for wildcards.
Si deja esto en blanco, se aceptarán solicitudes de cualquier referencia.
Asegúrese de agregar referencias antes de usar esta clave en producción.
Quería probar una demostración de muestra de la implementación de Gmaps v3 y probé este ejemplo de la documentación de Google, pero no hay salida, la página solo se carga durante unos segundos y luego en blanco, sin salida.
<!DOCTYPE html>
<html lang = "en">
<head>
<style type="text/css">
html{height: 100%}
body{height: 100%; margin: 0; padding: 0}
#map-canvas{height: 100%}
</style>
<title>GMaps Demo</title>
<script src = "https://maps.googleapis.com/maps/api/js?
key=${API_KEY}&sensor=false">
</script>
<script>
function initialize(){
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = google.maps.Map(
document.getElementById("map-canvas"),
mapOptions);
}
google.maps.event.addDomListener(window, ''load'', initialize);
</script>
</head>
<body>
<div id = "map-canvas">
</div>
</body>
</html>
Sin una clave de API, ahora Google Maps no funciona ... referencia: https://console.cloud.google.com/apis
Antes que nada: Google Maps 3 ya no necesita una clave de acceso, así que estás bien con
https://maps.googleapis.com/maps/api/js?sensor=false
como una URL
(Como señaló Jeff Hoye, desde el 22 de junio de 2016, se requiere una clave API nuevamente).
Y luego olvidaste lo "nuevo" en esta línea:
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
Con esos cambios, se mostrará su mapa.