2013-04-05 113 views
0

我有一個相當直接的谷歌地圖實現,可以在Mac上的Chrome上運行。然而 - 我不是在研究移動實現以及跨瀏覽器修補程序,並且發現地圖本身沒有正確顯示/運行,更不用說應該顯示的標記和infowindows。原生縮放工具從不顯示,我無法點擊地圖上的任何地方或拖動它。Safari 6.0.2中的Google Maps API v3 *破損*

我一直在使用谷歌搜索和谷歌搜索,但沒有多大變動。任何提示或幫助將不勝感激(同時意識到這不是一個特定的代碼問題 - 但)。

我發現我自己的應用程序的概率,但經測試使用谷歌的「世界你好」的地圖API,它是完全一樣的問題:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <style type="text/css"> 
     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map-canvas { height: 100% } 
    </style> 
    <script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDSh0tsHL1DQBwI0-xfuQkUezonGxlt39k&sensor=false"> 
    </script> 
    <script type="text/javascript"> 
     function initialize() { 
     var mapOptions = { 
      center: new google.maps.LatLng(-34.397, 150.644), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map-canvas"), 
      mapOptions); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map-canvas"/> 
    </body> 
</html> 
+0

聽起來像一個CSS問題,但你真的沒有讓我們繼續前進。 – geocodezip 2013-04-05 01:09:01

+0

只需在我的帖子後面加上一些代碼 - 謝謝! – claudybee 2013-04-05 01:20:16

+0

什麼設置地圖div的寬度? – geocodezip 2013-04-05 01:30:06

回答

0

您的地圖不具有完全定義的大小。您需要指定高度和寬度,既可以指定爲具有大小的父元素的百分比,也可以指定div的大小。如果尺寸未定義,則爲零。