Google Maps, la carte ne montre pas le html

Question

Ceci est mon code

<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> 

comme indiqué dans ce tutoriel officiel

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

mais rien sur le HTML apparaît. Je veux dire que je ne vois rien où est la carte? Qu'est-ce que je manque s'il vous plaît? Je l'ai déjà ajouté la charge même

Answer 1

De votre code avez-vous remarqué la balise div: <div id="map_canvas"></div> Vous avez besoin d'une définition de style équivalent CSS

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

Voici un exemple de travail: http://jsfiddle.net/R8sdj/