自動爲OpenLayers.Layer.Text標記重新加載數據

我目前正在嘗試使用OpenLayers對OSM地圖上的某些標記進行分層。該頁面應刷新一定的時間間隔並從數據庫加載新數據。自動爲OpenLayers.Layer.Text標記重新加載數據

我通過本地servlet將數據從數據庫提供給OpenLayers.Layer.Text，該本地servlet從DB中的記錄構造輸入文件。

我目前的做法是簡化使用<meta http-equiv="refresh" content="3">重新加載頁面和隨後的腳本。這種方法的問題是，OSM地圖被重置，即縮放，查看端口等。

我試圖從OpenLayers中使用刷新策略，但似乎沒有從servlet重新加載數據相應的層。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>OSM View/title> 
     <meta charset="utf-8"/> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
     <!--meta http-equiv="refresh" content="3"--> 
    </head> 
    <body> 
     <div id="mapdiv" style="height:750px"></div> 
     <script src="http://www.openlayers.org/api/OpenLayers.js"></script> 
     <script> 
      var lat = 52; 
      var lon = 10; 
      var zoom = 18; 

      map = new OpenLayers.Map("mapdiv", { 
       controls: [ 
        new OpenLayers.Control.Navigation(), 
        new OpenLayers.Control.PanZoomBar(), 
        new OpenLayers.Control.LayerSwitcher() 
       ], 
       projection: 'EPSG:900913', 
       displayProjection: 'EPSG:4326', 
       numZoomLevels: 18, 
       units: 'm' 
      }); 

      mapnik = new OpenLayers.Layer.OSM("Karte"); 
      map.addLayer(mapnik); 

      var marker = new OpenLayers.Layer.Text("marker", { 
       location: "http://localhost:8080/marker", 
       projection: map.displayProjection, 
       strategies: [new OpenLayers.Strategy.Refresh({interval: 3000, force: true})] 
      }); 
      map.addLayer(marker); 

      var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984 
      var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection 
      var position = new OpenLayers.LonLat(lon, lat).transform(fromProjection, toProjection); 

      map.setCenter(position, zoom); 
     </script> 
    </body> 
</html>

有沒有辦法實現我想要做的？

來源

2016-12-07 padde

OpenLayers.Layer.Text不支持策略。

看代碼，沒有任何功能，重新加載數據，但你應該能夠使用重新加載層數據：

setInterval(function() { 
    layer.clearFeatures(); 
    layer.loaded = false; 
    layer.loadText(); 
}, 3 * 1000);

來源

2016-12-07 09:04:06 fradal83

謝謝，完美的作品！ – padde

自動爲OpenLayers.Layer.Text標記重新加載數據

回答

相關問題