Еквівалент шару.redraw (правда) у OpenLayers 3?

У моєму додатку OL3 є шар geojson, який я хочу перемальовувати кожні 5 секунд (щоб показати рух на карті).

Як це зробити? Не вдалося знайти еквівалент Layer.redraw ().

Ось як можна оновлювати векторне джерело кожні 5 секунд з веб-сервісу, що повертає функції документа GeoJSON:

var vectorSource = new ol.source.Vector();
var geojsonFormat = new ol.format.GeoJSON();

window.setTimeout(function() {
  $.ajax('http://example.com/data.json', function(data) {
    var features = geojsonFormat.readFeatures(data
        {featureProjection:"EPSG:3857"});
    geojsonSource.clear();
    geojsonSource.addFeatures(features);
  });
}, 5000);

jQuery тут використовується для запиту даних через Ajax ( $.ajax), але ви, очевидно, можете використовувати бібліотеку на свій вибір.

Цей фрагмент коду також передбачає, що проекції карти є "EPSG: 3857" (веб-меркатор) і що координати в документах GeoJSON - це довготи та широти.

Я знаю, що це питання давнє, але я нарешті знайшов рішення для оновлення шару на openlayers 3.

Ви повинні оновити параметри джерела шару так:

var source = yourLayer.getSource();
var params = source.getParams();
params.t = new Date().getMilliseconds();
source.updateParams(params);

Ви можете оновити шар WFS за допомогою myLayer.getSource().clear().

З OL2 я використовував стратегію оновлення шару, яка не була додана до OL3. Нижче представлена ​​функція самовиклику, яка використовуватиме запит ajax для отримання GeoJSON, а потім прочитає його та додасть до джерела.

var yourSource = new ol.source.GeoJSON();

//add this source to a layer, the layer to a map with a view etc
...

//now fetch the data
var fetchData = function () {
    jQuery.ajax(url,
    {
        dataType: 'json',
        success: function (data, textStatus, jqXHR) {
            yourSource.clear(); //remove existing features
            yourSource.addFeatures(yourSource.readFeatures(data));
        },
        error: function (jqXHR, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });

    //call this again in 5 seconds time
    updateTimer = setTimeout(function () {
        fetchData();
    }, 5000);
};
fetchData(); //must actually call the function!

Сподіваюсь, це допомагає.

Це ідеально підходить для шарів:

layer.changed();

відповідно до http://openlayers.org/en/latest/apidoc/ol.layer.Vector.html#changed

Не потрібно явно оновлюватись. Кожен раз, коли ви оновлюєте вміст шару, карта оновлюється, вимагаючи нового відображення кадру.

Для примусового відображення вручну ви маєте map.render()та map.renderSync()методи.