Javascript 谷歌地图缩放效果
我正忙于创建谷歌地图v3网站。如果你在谷歌地图网站上查看一下,你会发现他们在加载新的磁贴之前,会对磁贴进行物理缩放(CSS,如deepzoom) 我想在我这边复制这个。问题是我在API引用中找不到任何可以使用的东西。我想创建一个imagemaptype,只需获取img标记的节点并对其进行css缩放,然后调用normal maptype gettile,但没有效果。我尝试使用bound_change查看边界是否更改,但我无法获得实际节点(img标记) 任何帮助都将不胜感激Javascript 谷歌地图缩放效果,javascript,google-maps,Javascript,Google Maps,我正忙于创建谷歌地图v3网站。如果你在谷歌地图网站上查看一下,你会发现他们在加载新的磁贴之前,会对磁贴进行物理缩放(CSS,如deepzoom) 我想在我这边复制这个。问题是我在API引用中找不到任何可以使用的东西。我想创建一个imagemaptype,只需获取img标记的节点并对其进行css缩放,然后调用normal maptype gettile,但没有效果。我尝试使用bound_change查看边界是否更改,但我无法获得实际节点(img标记) 任何帮助都将不胜感激 谢谢我不知道你是否能让它
谢谢我不知道你是否能让它像他们的主地图应用程序一样运行,但这家伙似乎已经找到了复制它的方法:
看起来连续缩放在v2中可用,但我在v3中找不到太多关于缩放的参考。好奇 在v2 API中,您可以调用该方法来启用此功能。在V3API中没有这样的方法,因为在支持此功能的浏览器中默认启用此功能
- 资料来源和进一步阅读:
<!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网站在更多浏览器中具有这种连续缩放效果。不幸的是,目前你无能为力。