TLDR 我想在计时器上刷新一个图层,以便绘制新的kml数据(如更新链接/网络链接)
到目前为止,我已经尝试了以下动作功能:
function RefreshKMLData(layer) {
layer.loaded = false;
layer.setVisibility(true);
layer.redraw({ force: true });
}
设置功能的间隔:
window.setInterval(RefreshKMLData, 5000, KMLLAYER);
图层本身:
var KMLLAYER = new OpenLayers.Layer.Vector("MYKMLLAYER", {
projection: new OpenLayers.Projection("EPSG:4326"),
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: MYKMLURL,
format: new OpenLayers.Format.KML({
extractStyles: true,
extractAttributes: true
})
})
});
KMLLAYER的网址,数学是随机的,因此它不会缓存:
var MYKMLURL = var currentanchorpositionurl = 'http://' + host + '/data?_salt=' + Math.random();
我原本以为这会刷新图层。通过将其加载设置为false来卸载它。真实的可见性重新加载它和随机数学不应该允许它缓存?那么以前有人这样做过吗或者知道如何让它发挥作用?
答案 0 :(得分:11)
想看,因为我很难找到关于此的信息,我想补充一点:
<强> 1)强>
创建KML图层:
//Defiine your KML layer//
var MyKmlLayer= new OpenLayers.Layer.Vector("This Is My KML Layer", {
//Set your projection and strategies//
projection: new OpenLayers.Projection("EPSG:4326"),
strategies: [new OpenLayers.Strategy.Fixed()],
//set the protocol with a url//
protocol: new OpenLayers.Protocol.HTTP({
//set the url to your variable//
url: mykmlurl,
//format this layer as KML//
format: new OpenLayers.Format.KML({
//maxDepth is how deep it will follow network links//
maxDepth: 1,
//extract styles from the KML Layer//
extractStyles: true,
//extract attributes from the KML Layer//
extractAttributes: true
})
})
});
<强> 2)强>
设置KML图层的网址:
//note that I have host equal to location// //Math.Random will stop caching//
var mykmlurl = 'http://' + host + '/KML?key=' + Math.random();
第3)强>
设置刷新图层的时间间隔:
//function called// //timer// //layer to refresh//
window.setInterval(UpdateKmlLayer, 5000, MyKmlLayer);
<强> 4)强>
更新图层的功能:
function UpdateKmlLayer(layer) {
//setting loaded to false unloads the layer//
layer.loaded = false;
//setting visibility to true forces a reload of the layer//
layer.setVisibility(true);
//the refresh will force it to get the new KML data//
layer.refresh({ force: true, params: { 'key': Math.random()} });
}
希望这会让其他人更容易。
答案 1 :(得分:2)
注意:虽然@Lavabeams的方法运行得非常好(我已根据我的需要调整它而没有任何问题),但kml层加载并不总是正确完成。
显然,根据动态kml解析的时间长短,图层刷新过程会超时并考虑加载的图层。
因此,明智的做法是使用加载事件监听器(在添加图层之前)并检查有效加载的内容以及是否符合预期。
下面是一个非常简单的检查:
var urlKMLStops = 'parseKMLStops12k.php';
var layerKMLStops = new OpenLayers.Layer.Vector("Stops", {
strategies: [new OpenLayers.Strategy.Fixed({ preload: true })],
protocol: new OpenLayers.Protocol.HTTP({
url: urlKMLStops,
format: new OpenLayers.Format.KML({
extractStyles: true,
extractAttributes: true,
maxDepth: 2
})
})
});
layerKMLStops.events.register("loadend", layerKMLStops, function() {
var objFs = layerKMLStops.features;
if (objFs.length > 0) {
alert ('loaded '+objFs.length+' '+objFs[0]+' '+objFs[1]+' '+objFs[2]);
} else {
alert ('not loaded');
UpdateKmlLayer(layerKMLStops);
}
});
使用动态kml图层刷新,有时可能只获得部分结果,因此您可能还想检查加载的要素数是否等于预期的要素数。
警告:由于此侦听器循环,因此请使用计数器来限制重新加载尝试次数。
ps:您可能还希望使用以下方法使图层刷新成为异步任务:
setTimeout(UpdateKmlLayer(layerKMLStops),0);
以上代码的最新浏览器状态:如果您同时使用setTimeout调用各种函数(加载多个动态kml图层[track,stops,poi]),则在chrome 20.01132.47上运行良好,而不是在firefox 13.0.1上运行。
编辑:几个月后,我对这个解决方案并不完全满意。所以我创建了2个中间步骤,保证我加载所有数据:为什么效果更好:
等待php文件解析为kml图层的源,经常超时。但是,如果你将php解析器称为ajax调用,它将变为同步,并且在继续刷新图层之前,您的代码会等待php解析器完成其工作。
由于我刷新后已经解析并保存了kml文件,我的简单php阅读器不会超时。
另外,因为你不必多次循环通过该层(你通常第一次成功),即使处理时间较长,也会在第一时间完成任务(通常 - 我仍然检查是否功能已加载)。
<?php
session_start();
$buffer2 ="";
// this is for /var/www/ztest
// for production, use '../kmlStore
$kmlFile = "fileVault/".session_id()."/parsedKML.kml";
//echo $kmlFile;
$handle = @fopen($kmlFile, "r");
if ($handle) {
while (($buffer = fgets($handle, 4096)) !== false) {
$buffer2 .= $buffer;
}
echo $buffer2;
if (!feof($handle)) {
echo "Error: unexpected fgets() fail\n";
}
fclose($handle);
}
?>