Mapa de Google no se muestra siempre

mmsergi · #1 (**permalink**) 02/06/2015, 03:01

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>