獲取谷歌地圖API來顯示點

Question

這裏是小提琴：

https://jsfiddle.net/31b2tbpu/2/

但地圖上沒有顯示？

var map = new google.maps.Map(document.getElementById("map"), { 
     zoom: 16, 
     center: new google.maps.LatLng(51.51367, -0.12981), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

Answer 1

您必須指定map div的height和width。見updated fiddle

在CSS部分，添加以下代碼：

#map{ 
    height:400px; 
    width:100%; 
}