我忙於創建Google地圖v3網站。如果你看看谷歌地圖網站,你會發現它們在加載新的圖塊之前就物理地縮放(像深度縮放的CSS)。谷歌地圖縮放效果
我想重現這一點在我身邊。問題是我無法找到任何API參考,我可以做到這一點。我想創建一個imagemaptype,只是得到img標籤的節點,並做一個CSS縮放它,並調用正常的maptype gettile但無濟於事。我嘗試使用bound_change來查看邊界是否改變,但我不能得到實際的節點(img標籤)。
任何幫助將不勝感激
感謝
我忙於創建Google地圖v3網站。如果你看看谷歌地圖網站,你會發現它們在加載新的圖塊之前就物理地縮放(像深度縮放的CSS)。谷歌地圖縮放效果
我想重現這一點在我身邊。問題是我無法找到任何API參考,我可以做到這一點。我想創建一個imagemaptype,只是得到img標籤的節點,並做一個CSS縮放它,並調用正常的maptype gettile但無濟於事。我嘗試使用bound_change來查看邊界是否改變,但我不能得到實際的節點(img標籤)。
任何幫助將不勝感激
感謝
在v2 API中,您可以調用GMap2.enableContinuousZoom()
方法來啓用此功能。在v3 API中,沒有這種方法,因爲默認情況下在支持它的瀏覽器中啓用此功能。
我嘗試以下簡單的例子在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>
我不知道,如果你能得到它的行爲完全像他們的主地圖應用,但這個傢伙似乎已經找到了一種方法來重現:Google Maps zoomOut-Pan-zoomIn animation
它看起來像連續縮放在v2中可用,但在v3中找不到對縮放的很多參考。好奇... http://code.google.com/apis/maps/documentation/javascript/v2/reference.html#GMap2
將搜索,看看我能找到什麼 – Pintac 2010-07-20 14:17:37
謝謝。我在ie8上試過谷歌地圖網站,它有ContinuousZoom 是否有我必須設置的選項。 – Pintac 2010-07-20 14:23:26
@Pintac:沒有在v3 API中設置的選項。這裏有一個討論(http://code.google.com/p/gmaps-api-issues/issues/detail?id=2079),其中maps.google.com網站具有此連續縮放效果在比使用v3 API的地圖更多的瀏覽器中。不幸的是,目前沒有什麼可以做的。 – 2010-07-20 17:39:35
哦,我看到謝謝 – Pintac 2010-07-21 14:26:35