Buenas!
He añadido un mapa de google a mi web y el problema es el siguiente:
Si accedo directamente a la pagina que contiene el script del mapa (mapa.html) todo funciona bien. En cambio cuando voy de index.html a mapa.html (por ejemplo), todo lo demás carga pero el mapa no.
Cual es el problema?
Muchas gracias por la ayuda!
PD: Os dejo el código por si sirve de algo.
Código HTML:
<head>
<!-- Google Map -->
<style>
#map-canvas {
width: 100%;
height: 300px;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var mapOptions = {
center: new google.maps.LatLng(41.380820, 2.162758),
zoom: 18,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions)
var marker = new google.maps.Marker({
position: new google.maps.LatLng(41, 2),
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>