谷歌地圖API不顯示

Question

我想使用谷歌地圖API。唯一的問題是，地圖不會顯示我所得到的是一個灰色框。

這裏是代碼：

function initialize() { 
    var map_canvas = document.getElementById('map_canvas'); 
    var mapOptions = { 
     center: new google.maps.LatLng(33.748995, -84.387982), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    } 
    var map = new google.maps.Map(map_canvas); 
} 

google.maps.event.addDomListener(window, 'load', initialize) 

這裏是CSS：

#map_canvas { 
    max-width: 1040px; 
    height: 400px; 
} 

Answer 1

你忘了通過在MapOptions作爲第二個參數：

var map = new google.maps.Map(map_canvas,mapOptions);