0
我試圖通過不斷刷新它動畫地面覆蓋圖標..所以基本上這是我想實現的想法。 1.我有一個.png文件，我使用PIL（python圖像庫）掩膜創建了 2.我每隔10secs後不斷用我的python腳本更新.png文件以更改某些功能（這是一個模擬儀表，所以我基本上每10secs移動指標 3.我有一個KML文件，用於將.png文件覆蓋到谷歌地圖中 4.我希望在每次說出10之後使用KML中的刷新模式更改.png文件我知道我不能使用refreshmode onInterval圖標，但我沒有任何成功刷新onChange或onExpire ... 我不知道我做錯了什麼，並且這個項目對我來說是一種緊急..我已附加我的.kml文件我如何定製動畫地圖疊加圖標谷歌地圖API v3
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Folder>
<name>Meter Overlays</name>
<description>Examples of ground overlays</description>
<GroundOverlay>
<name>Large-scale overlay on terrain</name>
<description>Overlay shows Mount Etna erupting
on July 13th, 2001.</description>
<Icon>
<href>http://dl.dropbox.com/u/20943178/meter_one.png?version=1.x</href>
<refreshMode>onChange</refreshMode>
<refreshInterval>10</refreshInterval>
<viewBoundScale>0.45</viewBoundScale>
</Icon>
<LatLonBox>
<north>41.044967</north>
<south>38.869125</south>
<east>-121.699475</east>
<west>-124.375317</west>
<rotation>0</rotation>
</LatLonBox>
</GroundOverlay>
</Folder>
</kml>
Icon顯示在谷歌地圖上，但它並沒有像我想要的那樣每隔10秒就改變一次..我必須刷新整個頁面才能讓它改變，哪種打敗了我工作的目的......我的HTML腳本是在JavaScript我爲此新......我正在KML覆蓋下列行
var myParser = new google.maps.KmlLayer('http://dl.dropbox.com/u/20943178/meter.kml');
myParser.setMap(map);
UPDATE：
在我嘗試使用AJAX來解決我的問題，我一直在閱讀大量的HTML，Javascript和AJAX ......我在網上遇到了這個例子，我試圖稍微修改它，看看它是如何工作的。然而，沒有明顯的原因，地圖甚至不會加載....任何機構可以幫助我理解爲什麼這個代碼不會加載？
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Refresh" CONTENT="1000">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style>
#map_canvas { width: 1000px; height: 800px; }
</style>
<script type="text/javascript" src="http://www.google.com/jsapi?key=AIzaSyCoXqj2n1HGv58B4aImyVa7cbKYuNc4vag&sensor=false"></script>
<script type="text/javascript">
//google.load("maps", "2.x");
var map;
function initialize() {
map = new google.maps.Map(document.getElementById('map_canvas'));
map.setCenter(new google.maps.LatLng(36, -120),5);
mapTypeId: google.maps.MapTypeId.ROADMAP
downloadUrl('GET', 'http://dl.dropbox.com/u/20943178/test.xml', function(data) {
var xmlDoc = data.responseXML;
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++){
var point = new google.maps.LatLng(parseFloat(markers.[i].getAttribute("lat")),
parseFloat(markers.[i].getAttribute("lng")));
var marker = new google.maps.Marker({
map:map,
position: point
});
}
});
}
function downloadUrl(url, callback) {
var request = window.ActiveXobject ?
new ActiveXObject('Microsoft.XMLHTTP'):
new XMLHttpRequest;
request.onreadystatechange = function(){
if (request.readychange = doNothing;
callback(request, request.status);
}
};
request.open('GET', url, true);
request.send(null);
function doNothing() {}
</script>
</head>
<body onload="initialize()" <!--onunload="GUnload()"-->>
<div id="map_canvas"></div>
</script>
</body>
</html>