2012-03-12 151 views
0

兩個問題:如何動畫谷歌地圖API的KML地面疊加

  1. 什麼是創建通過谷歌地圖API V2至12個KML文件流暢的動畫效果的最佳方式?
  2. 如何整合fadeIn()/ fadeOut()以順利轉換這些KML文件?

我已經用我的KML提交的2個setTimeouts()做了一些實驗,但還沒有找到一種平滑或一致的方式在它們之間進行動畫製作。代碼如下。

function animate() { 

function series_1() { 
    geoXml = new GGeoXml("lake/colors_test.kml"); 
    map.addOverlay(geoXml); 
    setTimeout("map.removeOverlay(geoXml)", 5000); 

} 

function series_2() { 
    geoXml1 = new GGeoXml("lake/colors_test_1.kml"); 
    map.addOverlay(geoXml1); 
    setTimeout("map.removeOverlay(geoXml1)", 5000); 

} 

series_1(); 
series_2(); 


} 


animate(); 

回答

0

我認爲你需要衰落適用於底層的圖像:

$("#mapContent").find("img[src*=\"lyrs=kml\"]").fadeOut(); 

這是V3 API,您可能需要爲V2 API一個不同的選擇。

我假設地圖與

map = new google.maps.Map document.getElementById("mapContent"); 

jQuery的也有fadeIn()方法創建的,但它得到棘手,因爲當你添加一個新的KML層的圖像可能重新創建。您需要找到一種方法,在創建時將其可見性設置爲零。

+0

謝謝。我試圖找出如何翻譯谷歌地圖V2。我試過這個沒有運氣:map.find(「img [src * = \」lyrs = kml \「]」)。fadeOut(); – user961946 2012-03-12 22:46:10

+0

你是否在這樣的KML文件之間做過任何動畫?我是否需要使用超時製作自己的自定義動畫,還是他們的動畫框架可以工作? – user961946 2012-03-12 22:48:26

+0

什麼是選擇器? – user961946 2012-03-12 23:16:48