javascript - 谷歌地图不显示

Question

我正在尝试使用 Google Maps API。我直接复制了the example code来自文档，但 map 没有按我预期的方式显示:

我尝试检查我的代码以查看是否有任何错误，但没有成功。有什么想法吗？

http://jsfiddle.net/DerekL/B3KYB/ ( key 被移除)

function initialize() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map($("#mapView")[0], mapOptions);
}

Answer 1

你的CSS:

div, body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

...将影响页面中的任何 div 元素，以及由 map API 创建的 div。

改用此选择器:#mapView, body, html

http://jsfiddle.net/doktormolle/nmwHw/