谷歌地圖API v3沒有在瀏覽器中顯示

因此，我遵循API上給出的代碼來創建基本地圖。我有這樣的：

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0; padding: 0 } 
    #map { height: 75% } 
</style>

，我有以下的javascript以及初始化地圖：

function showmap(coordinates) 
{ 
    var lat = coordinates.latitude; 
    var lon = coordinates.longitude; 

    var myOptions = { 
     position: new google.maps.LatLng(lat, lon), 
     zoom: 4, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map"), myOptions); 
}

但我在瀏覽器中得到的只是一個大灰框。我嘗試了幾種瀏覽器（Chrome，Firefox等），但它看起來都一樣。我很確定我已經正確設置了它......任何人有什麼想法發生了什麼？

在此先感謝！

來源

2012-05-04 docaholic

任何錯誤JavaScript控制檯（devtools，螢火蟲等）？ – irobot

nope，javascript控制檯是完全乾淨的 – docaholic

我不知道位置參數是什麼好（沒有地圖選項好像是這樣），但我想你混淆了position和center（center是必需的）報道

來源

2012-05-04 22:09:28

好的哇工作美麗的謝謝！ – docaholic

谷歌地圖API v3沒有在瀏覽器中顯示

回答

相關問題