Javascript 谷歌地图缩放效果

Javascript 谷歌地图缩放效果,javascript,google-maps,Javascript,Google Maps,我正忙于创建谷歌地图v3网站。如果你在谷歌地图网站上查看一下,你会发现他们在加载新的磁贴之前,会对磁贴进行物理缩放(CSS,如deepzoom) 我想在我这边复制这个。问题是我在API引用中找不到任何可以使用的东西。我想创建一个imagemaptype,只需获取img标记的节点并对其进行css缩放,然后调用normal maptype gettile,但没有效果。我尝试使用bound_change查看边界是否更改,但我无法获得实际节点(img标记) 任何帮助都将不胜感激 谢谢我不知道你是否能让它

我正忙于创建谷歌地图v3网站。如果你在谷歌地图网站上查看一下,你会发现他们在加载新的磁贴之前,会对磁贴进行物理缩放(CSS,如deepzoom)

我想在我这边复制这个。问题是我在API引用中找不到任何可以使用的东西。我想创建一个imagemaptype,只需获取img标记的节点并对其进行css缩放,然后调用normal maptype gettile,但没有效果。我尝试使用bound_change查看边界是否更改,但我无法获得实际节点(img标记)

任何帮助都将不胜感激


谢谢

我不知道你是否能让它像他们的主地图应用程序一样运行,但这家伙似乎已经找到了复制它的方法:


看起来连续缩放在v2中可用,但我在v3中找不到太多关于缩放的参考。好奇

在v2 API中,您可以调用该方法来启用此功能。在V3API中没有这样的方法,因为在支持此功能的浏览器中默认启用此功能

  • 资料来源和进一步阅读:
我在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>

谷歌地图v3连续缩放
var map=new google.maps.map(document.getElementById('map'){
缩放:6,
中心:新google.maps.LatLng(-41.00174.00),
mapTypeId:google.maps.mapTypeId.ROADMAP
});

将进行搜索,看看是否能找到任何有关银行的信息。我在ie8上尝试了谷歌地图网站,它有一个连续缩放选项,我必须设置。@Pintac:不,在v3 API中没有设置选项。有一个讨论是,与使用v3 API的地图相比,maps.google.com网站在更多浏览器中具有这种连续缩放效果。不幸的是,目前你无能为力。