7

嘿，我在尝试同时在页面上显示 v3 和 v2 谷歌地图时遇到问题/错误。

我们应用程序的核心使用 API 的 v2 并添加了一些新功能，我们决定使用 API 的 v3，因为不推荐使用 v2。所以我在应用程序的另一个“选项卡”中动态加载 api 的 v3 版本。

问题是，如果您单击 v3 地图，然后单击 v2 地图，则 v2 地图开始跟随鼠标光标，就像您单击开始拖动但从未释放鼠标按钮一样。并且基本上在您重新加载页面之前会出现错误

这是一个示例，其中包含有关如何复制 http://jsbin.com/googlemapv3v2/1的简单说明

奇怪的是，如果您先单击/玩弄 v2 地图，然后再单击/玩玩 v3 地图，那么一切都很好。

因此，一旦加载了 v3 api，我就尝试通过在 v2 地图上触发自定义 click/mousedown 事件来“欺骗”它，请参阅http://jsbin.com/googlemapv3v2/2

但是那里没有运气，有人有任何想法吗？

编辑：应该注意，它似乎只发生在 chrome、firefox、safari 没有尝试过歌剧。

4

1 回答 1

2

我不认为这两个 API 应该在同一个页面上共存。我尝试了一个非常基本的示例，恰好与您的问题相同。在 Chrome 5.0 和 Firefox 3.6.6（均适用于 Mac）中测试：

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps v2 and v3 on same page</title> 
  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
          type="text/javascript"></script>
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body> 
  <div id="map_v3" style="width: 500px; height: 400px;"></div>
  <div id="map_v2" style="width: 500px; height: 400px; margin-top: 50px;"></div>

  <script type="text/javascript">

    var map3 = new google.maps.Map(document.getElementById('map_v3'), {
      zoom: 6,
      center: new google.maps.LatLng(-41.00, 174.00),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var map2 =  new GMap2(document.getElementById('map_v2'));
    map2.addControl(new GLargeMapControl3D());
    map2.setCenter(new GLatLng(-41.00, 174.00), 6);
  </script>

</body>
</html>
于 2010-07-19T02:37:16.923 回答