Problema de inicialización de Javascript Google Maps

Tengo un problema al inicializar un mapa en la página. El código dentro de las etiquetas de mi cuerpo se muestra a continuación:

<body>
      <div class="outer">
            <div class="header">
            </div>
            <div class="main">
                  <div id="map_canvas">
                  </div>
            </div>
            <div class="footer">
            </div>
              </div>
</body>

Cuando inicializo la función en la clase principal, el mapa se muestra correctamente.

var map = new google.maps.Map(document.getElementById("main"), myOptions);

Sin embargo, cuando el mapa se inicializa como se muestra a continuación, no se muestra en absoluto en la página.

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

No estoy seguro de qué está causando esto o cómo solucionarlo. Cualquier ayuda es muy apreciada.

preguntado el 27 de agosto de 11 a las 15:08

1 Respuestas

Su div map_canvas debe tener su id establecido en "map_canvas". También asegúrese de que el css para map_canvas div esté configurado para tener un ancho y un alto.

Respondido 27 ago 11, 19:08

Lo siento, fue un error al escribir, el div tenía su ID configurado en map_canvas. Sin embargo, no le había fijado un ancho y un alto. Esto funcionó. Gracias por tu ayuda. - kushaldsouza

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.