Question

我正忙于创建Google地图v3网站。如果您查看谷歌地图网站，您会看到他们在加载新图块之前对图块进行物理缩放（CSS如deepzoom）。

我想在我身边重现这一点。问题是我无法在API参考中找到任何可以执行此操作的内容。我想创建一个imagemaptype并获取img标签的节点并对其进行css缩放并调用普通的maptype gettile，但无济于事。我尝试使用bound_change来查看边界是否有变化，但我无法获得实际节点（img标签）。

任何帮助将不胜感激

感谢

Answer 1

在v2 API中，您可以调用GMap2.enableContinuousZoom()方法来启用此功能。在v3 API中没有这样的方法，因为在支持它的浏览器中默认启用此功能。

来源和进一步阅读：Issue 2079: Continuous zoom: Comment #8

我在Chrome 5.0.375.99和Firefox 3.6.6（适用于Mac）中尝试了以下简短示例，并且只有Chrome中的地图启用了连续缩放：

<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Google Maps v3 Continuous Zoom</title> 
  <script src="http://maps.google.com/maps/api/js?sensor=false" 
          type="text/javascript"></script>
</head> 
<body> 
  <div id="map" style="width: 500px; height: 400px;"></div>

  <script type="text/javascript">

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

  </script>

</body>
</html>

Answer 2

我不知道你是否可以让它的行为与他们的主地图应用程序完全一样，但是这个家伙似乎找到了重现它的方法：Google Maps zoomOut-Pan-zoomIn animation

看起来连续缩放在v2中可用但我在v3中找不到太多关于缩放的参考。好奇...... http://code.google.com/apis/maps/documentation/javascript/v2/reference.html#GMap2

谷歌地图缩放效果

2 个答案: