Javascript谷歌地圖不工作

Question

我是新手谷歌地圖API和它的圖書館。我想知道爲什麼我沒有看到我的頁面中的地圖。

這是代碼：

<script src="http://maps.googleapis.com/maps/api/js?v=3"></script> 
    <script> 
     var latlong = new google.maps.LatLng(-0.179041, -78.499211); 
     console.log(latlong); 
     var mapOptions = { 
      zoom: 13, 
      center: latlong, 
      disableDefaultUI: false, 
      navigationControl: false, 
      mapTypeControl: false, 
      scrollwheel: false, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById('city_map'), 
       mapOptions); 
     console.log(map); 
     google.maps.event.trigger(map, 'resize'); 
     map.setZoom(map.getZoom()); 

     var marker = new google.maps.Marker({ 
      position: latlong, 
      map: map, 
      title: "Test" 
     }); 
</script> 

你看我console.logging的latlong和map，他們看起來很好..反正，我希望它是不是非常明顯。

Answer 1

你沒有高度和寬度附加到div，這就是爲什麼。看看這個小提琴。

#city_map{ 
min-height:300px; 
min-width:300px; 
} 

https://jsfiddle.net/dm7j7494/1/