Google Maps JS API v3無法正常運行（可以右鍵點擊，無法拖/放大，頂部標誌...）

Question

感謝您的閱讀。 我一直在使用地圖v3 API的JS版本，我可以獲取地理編碼/方向/地圖標記以及所有這些，但由於某種原因，我想在我客戶網站的邊欄中顯示此特定地圖，地圖似乎沒有正確加載。

我已經將JS恢復到simple sample code on the API documentation，即使如此，它仍然無法正常工作。 （對於我screenshot我說「disableDefaultUI：真」對於這個MapOptions）

• 我不能鼠標滾輪滾動放大。
• 我不能點擊並用鼠標拖動。
• 徽標和細線顯示在頂部（通常在底部 ）
• 我可以右鍵單擊並查看上下文菜單（不正常）。

我只是不知道爲什麼地圖不能在這個特定的頁面上工作。 map_canvas的尺寸是否太小？ （231px x 231px）。

你以前見過或聽說過這個問題嗎？

Answer 1

試試這個代碼可以幫助這個..

<script language="javascript" type="text/javascript"> 
     var geocoder; 
     var map; 

$(document).ready(function() { 
    initialize(); 
    } 

     function initialize() { 
     geocoder = new google.maps.Geocoder(); 
     var latlng = new google.maps.LatLng(40.77627, -73.910965); 
     var myOptions = { 
      zoom: 8, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     } 

</script> 

HTML

<div id="map_canvas"> 

</div> 

Answer 2

檢查，如果你有控制檯打開，因爲它可以打破地圖。

測試時，保持控制檯關閉以查看結果並重新打開它，刷新以查看日誌。
這很糟糕，但它比無緣無故地將頭髮拉出更好。