2010-07-20 171 views
1

我忙於創建Google地圖v3網站。如果你看看谷歌地圖網站,你會發現它們在加載新的圖塊之前就物理地縮放(像深度縮放的CSS)。谷歌地圖縮放效果

我想重現這一點在我身邊。問題是我無法找到任何API參考,我可以做到這一點。我想創建一個imagemaptype,只是得到img標籤的節點,並做一個CSS縮放它,並調用正常的maptype gettile但無濟於事。我嘗試使用bound_change來查看邊界是否改變,但我不能得到實際的節點(img標籤)。

任何幫助將不勝感激

感謝

回答

2

在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> 
+0

謝謝。我在ie8上試過谷歌地圖網站,它有ContinuousZoom 是否有我必須設置的選項。 – Pintac 2010-07-20 14:23:26

+0

@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

+0

哦,我看到謝謝 – Pintac 2010-07-21 14:26:35