Change layer definitions properly repeatedly

Question

Hi,

We do time series "manually" for some reasons.

We created recursive function.

The issue is with changing of layer definitions repeatedly. The layer disappears between first and second (recursive) call to the function.

var isPlay = true;
 var layerDefinitionsTS = [];

var currentTimeSeriesLayer = (initialized outside);
 function PlayTimeSeries(startYear, endYear, timeIntervalMilliSeconds) {
    if (startYear == endYear)
       return;
    if (isPlay == false)
       return;
 //layerDefinitionsTS = [];
       currentTimeSeriesLayer.setLayerDefinitions(null, true);

layerDefinitionsTS[currentTimeSeriesLayer.visibleLayers[0]] = "Year = " + startYear;
       currentTimeSeriesLayer.setLayerDefinitions(layerDefinitionsTS, false);

setTimeout(function (startYear, endYear, timeIntervalMilliSeconds) {
       startYear = startYear;
       console.log("Year: " + startYear);

startYear = startYear + 1;

PlayTimeSeries(startYear, endYear, timeIntervalMilliSeconds);
    }, timeIntervalMilliSeconds, startYear, endYear, timeIntervalMilliSeconds);
 };

Any help will be appreciated.

PitersonPaulgek · Answer

I tried - the layer is not visible.

I can see the layer in the map.layerIDs.

I can get the count by queryTask.executeForCount() after applying layer definitions - each time different.

What is the reason the layer is not visible? How to check it?

PitersonPaulgek · Answer

FCBasson, Should we use a global variable "toHandler" to clearTimeout(toHandler)? Like this? - var isPlay = true; var layerDefinitionsTS = []; var currentTimeSeriesLayer = (initialized outside); var toHandler; function PlayTimeSeries(startYear, endYear, timeIntervalMilliSeconds) { if (startYear == endYear) return; if (isPlay == false) return; //layerDefinitionsTS = []; currentTimeSeriesLayer.setLayerDefinitions(null, true); layerDefinitionsTS[currentTimeSeriesLayer.visibleLayers[0]] = "Year = " + startYear; currentTimeSeriesLayer.setLayerDefinitions(layerDefinitionsTS, false); clearTimeout(toHandler); toHandler = setTimeout(function (startYear, endYear, timeIntervalMilliSeconds) { startYear = startYear; console.log("Year: " + startYear); startYear = startYear + 1; PlayTimeSeries(startYear, endYear, timeIntervalMilliSeconds); }, timeIntervalMilliSeconds, startYear, endYear, timeIntervalMilliSeconds); };

FC_Basson · Answer

Same line as yours. Seeing that you are calling the PlayTimeSeries function recursively, you can call the clearTimeout method just before the setTimeout method.