Initializing Javascript Google Maps issue

Question

I am having an issue initializing a map in the page. The code within my body tags is shown below:

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

When I initialise the function on the main class, the map displays properly.

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

However when the map is initialised as shown below, it does not display at all on the page.

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

I am not sure what is causing this or how to fix it. Any help is greatly appreciated.

Answer 1

您的map_canvas div需要将其id设置为“ map_canvas”，同时还要确保map_canvas div的css设置为具有宽度和高度。

Initializing Javascript Google Maps issue

Question

1 answers

solution1
1 ACCPTED 2011-08-27 15:13:35

Initializing Javascript Google Maps issue

Question

1 answers

solution1 1 ACCPTED 2011-08-27 15:13:35

solution1
1 ACCPTED 2011-08-27 15:13:35