Google地圖畫布上沒有任何內容顯示

我正在嘗試將谷歌地圖內容放到我的網站上。此刻，你點擊一個按鈕，地圖會出現在頁面的中間：Google地圖畫布上沒有任何內容顯示

function showMap() { 
    $('mapAndButton').setStyle('display', 'block'); 

    var map; 
    var myOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng(-34.397, 150.644), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById('map_canvas'), 
      myOptions); 
}

這段代碼是從設置在網頁的API教程複製。出於某種原因，它不起作用。地圖呈現這樣的：

Gmap

一個空的灰色框，而不是一個地圖。這個盒子出現的事實，以及它底部有一些谷歌的東西，意味着至少有東西在起作用。多次點擊按鈕，或等待很長時間，沒有任何區別。

可能是什麼問題？

來源

2011-08-22 Oliver

你是放大到一個非常大的灰色補丁？ –

我不這麼認爲。這些座標在別處使用時會顯示內容。 – Oliver

我覺得這個錯誤發生是因爲在頁面的其他地方有一箇舊的谷歌地圖API版本的引用。當我刪除這個，以便只加載最新版本的api時，地圖正確顯示。

來源

2011-08-22 16:26:41 Oliver

肯定缺少的是在function showMap()之後的首字母組合{。

可以進一步檢查showMap()是否真的被調用，例如，在<body onload="showMap()">和是否線

<script type="text/javascript" 
     src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

被提供。

來源

2011-08-22 16:22:08 Jiri

原始代碼中不存在丟失的括號，它在我複製到stackOverflow時必須進來。 – Oliver

Google地圖畫布上沒有任何內容顯示

回答

相關問題