Question

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

我已将JS恢复为simple sample code on the API documentation，即便如此，它仍然无效。（对于我的screenshot，我为mapOptions添加了'disableDefaultUI：true'

我无法通过鼠标滚动滚动缩放。
我无法点击并拖动鼠标。
徽标和细则显示在顶部（通常在底部）
我可以右键单击并查看上下文菜单（不正常）。

我只是不知道为什么地图不能在这个特定的页面上工作。 map_canvas维度是否太小或什么？（231px x 231px）。

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

Answer 1

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

测试时，保持控制台关闭以查看结果并重新打开，刷新以查看日志这很糟糕，但最好还是无缘无故地把头发拉出来。

Answer 2

试试这段代码可能对此有所帮助..

 <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>

Google Maps JS API v3无法正常运行（可右键单击，无法拖动/缩放，顶部有徽标......）

2 个答案: