谷歌地图，地图上不HTML

Question

显示这是我的代码

<fieldset> 
      <script src="https://maps.googleapis.com/maps/api/js"></script> 
      <script> 
       function initialize() { 
        var map_canvas = document.getElementById('map_canvas'); 
        var map_options = { 
         center: new google.maps.LatLng(44.5403, -78.5463), 
         zoom: 8, 
         mapTypeId: google.maps.MapTypeId.ROADMAP 
        } 
        var map = new google.maps.Map(map_canvas, map_options); 
       } 
       google.maps.event.addDomListener(window, 'load', initialize); 
      </script> 
      <div id="map_canvas"></div> 
      <input type="submit" name="submit" class="submit action-button" value="Submit" /> 
     </fieldset> 

在这个官方教程

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

说，但似乎没有任何的HTML。我的意思是我什么都看不到地图？ 请问我错过了什么？我已经添加了负荷甚至

Answer 1

从你的代码你注意到div标签： <div id="map_canvas"></div> 你需要一个相当的CSS样式定义

#map_canvas { 
    width: 500px; 
    height: 400px; 
} 

这里是一个工作示例： http://jsfiddle.net/R8sdj/