0

谢谢阅读。我一直在使用 Maps v3 API 的 JS 版本,我可以获得地理编码/方向/地图标记和所有这些,但由于某种原因,在我想要在我客户网站的侧边栏中的这张特定地图上,地图似乎没有正确加载。

我已将 JS 还原为API 文档上的简单示例代码,即使这样,它仍然无法正常工作。(对于我的屏幕截图,我为 mapOptions 添加了“disableDefaultUI:true”)

  • 我不能鼠标滚轮滚动缩放。
  • 我不能用鼠标点击和拖动。
  • 徽标和精美印刷品显示在顶部(通常在底部)
  • 我可以右键单击并查看上下文菜单(不正常)。

我只是不知道为什么地图在这个特定页面上不起作用。map_canvas 尺寸是否太小?(231 像素 x 231 像素)。

你以前见过或听说过这个问题吗?

4

2 回答 2

2

检查您是否打开了控制台,因为它可能会破坏地图。

测试时,关闭控制台以查看结果并重新打开它,刷新以查看日志。
这很糟糕,但总比无缘无故地拔头发要好。

于 2013-01-08T15:14:30.920 回答
0

试试这个代码可能会有所帮助..

 <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>
于 2012-08-11T04:54:47.357 回答