Google地图未显示

Question

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

我试着查看我的代码，看看是否有任何错误，但没有运气。有什么想法吗？

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/