Question

我使用OpenLayers 4和Gesoerver 2.12 WFS。我想每1秒向Vector Source添加一些新功能并在地图上显示。

现在，我的问题是我无法在没有vectorSource.clear（）的情况下添加新功能。

如何在不清除＆＃34; old＆＃34;的情况下添加新功能？特征

我的代码：

var url = "http://localhost:8080/geoserver/wfs?service=WFS&version=1.1.0&request=GetFeature&typename=wfs_geom&propertyName=geometry,id2&sortBy=id2+D&maxFeatures=1&srsname=EPSG:3857&outputFormat=application/json"
var vectorSource = new ol.source.Vector({
 projection: 'EPSG:3857',
 format: new ol.format.GeoJSON(),
 url: url
});

var fetchData = function() {
 jQuery.ajax(url, {
  dataType: 'json',
  success: function(data, textStatus, jqXHR) {
   //vectorSource.clear(); 
   console.log(data);
   vectorSource.addFeatures(data);
  },
  error: function(jqXHR, textStatus, errorThrown) {
   console.log(errorThrown);
   }
 });
 updateTimer = setTimeout(function() {
  fetchData();
 }, 3000);
};
fetchData();

Answer 1

你几乎得到了它。 vectorSource.addFeature(feature);是正确的方法。但是，它只接受ol.Feature个对象，而不接受原始数据。 VectorSource的format选项仅适用于通过网址加载，不适用于addFeatures。

但是将数据转换为要素很容易：

var feature = new ol.format.GeoJSON()({ featureProjection: 'EPSG:3857' }).readFeature(data));
vectorSource.addFeatures(feature);

或阅读多项功能：

var features = new ol.format.GeoJSON()({ featureProjection: 'EPSG:3857' }).readFeatures(data));
vectorSource.addFeaturess(features);

OpenLayers 4 Vector - 附加新功能，但不清除其他功能

1 个答案: