Home/ Questions/Q 6375953
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T01:40:56+00:00

I am having an issue initializing a map in the page. The code within

  • 0

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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your map_canvas div needs to have its id set to “map_canvas” also be sure that the css for map_canvas div is set to have a width and height.

    • 0