javascript - 谷歌地图不显示

Question

我正在尝试使用 Google Maps API。我直接从文档中复制了示例代码，但地图没有按我预期的方式显示：

我试图查看我的代码以查看是否有任何错误，但没有运气。任何想法？

http://jsfiddle.net/DerekL/B3KYB/（密钥被移除）

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 元素，以及由 maps-API 创建的 div。

请改用此选择器：#mapView, body, html

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