2013-04-05 114 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的大小。如果尺寸未定义,则为零。