2011-12-11 19 views
1

我试图运行教程中的第一个例子,它工作正常,除了我的控制器(缩放,等等)都是凌乱。 我正在使用V3。 请看一看图像中: enter image description here谷歌地图API V3 - 凌乱的控制器

我正在使用的代码是:

<div id="map_canvas" style="width:800px; height:600px;"></div> 
<script type="text/javascript"> 
jQuery(function() { 

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


}); 
    </script> 

的思考? 感谢

解决方案:

如果这曾经发生在你身上,看看你的CSS。 就我而言,我在div中添加了一些填充,并且还影响了Google地图区域内的div。

+0

将解决方案作为答案并接受! – TMS

回答

0

首先检查另一个浏览器(如果你还没有)。如果其他浏览器正确显示,请尝试自己设置用户界面的位置,如here

如果问题依然存在,那么我的脑海里就没有什么东西了。

Mariusz

+0

在其他浏览器中看起来相同。 无论如何,我只是发现禁用我的CSS使它的工作。我不知道为什么......我不知道我的CSS会干扰API。现在我需要准确找出什么是混乱。 –