谷歌地图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);