Google Maps не отображается

Question

Я пытаюсь использовать API Карт Google. Я прямо не скопирована 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-элемент на странице, также DIV создал отображения-API ,

Используйте этот селектор вместо: #mapView, body, html

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