谷歌地圖，地圖上不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/