谷歌地图缩放效果答案

【问题标题】：Google maps Zoom Effect谷歌地图缩放效果
【发布时间】：2010-07-20 20:44:04
【问题描述】：

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

我想在我这边重现这个。问题是我在 API 参考中找不到任何可以做到这一点的东西。我想创建一个 imagemaptype 并获取 img 标签的节点并对其进行 css 缩放并调用正常的 maptype gettile 但无济于事。我尝试使用 bound_change 来查看边界是否发生变化，但我无法获得实际的节点（img 标签）。

任何帮助将不胜感激

谢谢

【问题讨论】：

标签： javascript google-maps

【解决方案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>

【讨论】：

谢谢。我在 ie8 上尝试了谷歌地图网站，它有ContinuousZoom 是我必须设置的选项。
@Pintac：不，在 v3 API 中没有设置选项。有一个讨论 here 的事实是 maps.google.com 站点在更多浏览器中具有这种连续缩放效果，而不是在使用 v3 API 的地图中。很遗憾，您目前无能为力。

【解决方案2】：

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

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

【讨论】：

会搜索看看能不能找到什么