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