<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic TimeSlider API and caching in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/timeslider-api-and-caching/m-p/86363#M7819</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I'm trying to use the new TimeSlider in a SceneView using an time based MapImageLayer.&lt;/P&gt;&lt;P&gt;The slider seems to work correctly.&amp;nbsp; However why is it that&amp;nbsp;the different images are not cached at all on the browser side.&amp;nbsp; It seems that every time the LayerView.filter is updated with a new timeExtent, a full http get request is performed every time.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Example:&amp;nbsp; In this example from arcgis online if you look at the network traffic (F12) you will notice that once the time slider goes thru a full cycle, it then starts getting images from the browser cache.&lt;/P&gt;&lt;P&gt;&lt;A class="link-titled" href="https://www.arcgis.com/home/webmap/viewer.html?webmap=548e700f50bb4434be222ddd7aa1e756" title="https://www.arcgis.com/home/webmap/viewer.html?webmap=548e700f50bb4434be222ddd7aa1e756"&gt;https://www.arcgis.com/home/webmap/viewer.html?webmap=548e700f50bb4434be222ddd7aa1e756&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I'm basically trying to do the same as the example above but using ArcGIS Javascript API on a web browser, but it's very slow because every interval is doing a full get to the noaa radar server&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Here is my sample code:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;rainfallLayer = new MapImageLayer({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;id: "radarImageLayerId",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;title: "Radar imagery nexrad time",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;url: "https://nowcoast.noaa.gov/arcgis/rest/services/nowcoast/radar_meteo_imagery_nexrad_time/MapServer",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;refreshInterval: 0, &lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;opacity: 0.6,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;sublayers: [&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;title: "Radar overlay",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;id: 3,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;visible: true&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;],&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;visible: true&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/P&gt;&lt;P&gt;map = new Map({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;basemap: "streets",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;layers: [rainfallLayer]&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/P&gt;&lt;P&gt;mapView = new SceneView({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;container: "viewDiv",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;map: map,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;camera: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;position: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;x: -81.66,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;y: 29.65,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;z: 20654&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;tilt: 73&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;constraints: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;altitude: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;min: 100&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/P&gt;&lt;P&gt;const timerStart = new Date();&lt;BR /&gt; const timerEnd = new Date();&lt;BR /&gt; timerStart.setHours(timerStart.getHours() - 2);&lt;BR /&gt; const timerStartDefault = new Date();&lt;BR /&gt; timerStartDefault.setMinutes(timerEnd.getMinutes() -30);&lt;BR /&gt; &lt;BR /&gt; const timeSlider = new TimeSlider({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;container: "timeSlider",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;mode: "instant",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;view: mapView,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;playRate: 4000,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;stops: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;interval: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;value: 30,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;unit: "minutes"&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;fullTimeExtent: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;start: timerStart,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;end: timerEnd&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;values: [timerStart, timerEnd]&lt;BR /&gt; });&lt;BR /&gt; //default the timeSlider to the end.&lt;BR /&gt; timeSlider.previous();&lt;BR /&gt; mapView.ui.add(timeSlider, "manual");&lt;/P&gt;&lt;P&gt;let timeLayerView;&lt;BR /&gt; mapView.whenLayerView(rainfallLayer).then(function(lv) {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;timeLayerView = lv;&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;const fullTimeExtent = rainfallLayer.timeInfo.fullTimeExtent;&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;const start = fullTimeExtent.start;&lt;BR /&gt; });&lt;/P&gt;&lt;P&gt;timeSlider.watch("timeExtent", function(value) {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;timeLayerView.filter = {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;timeExtent: value&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;};&lt;BR /&gt; });&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 30 Aug 2019 19:44:50 GMT</pubDate>
    <dc:creator>JocelynGranger</dc:creator>
    <dc:date>2019-08-30T19:44:50Z</dc:date>
    <item>
      <title>TimeSlider API and caching</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/timeslider-api-and-caching/m-p/86363#M7819</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I'm trying to use the new TimeSlider in a SceneView using an time based MapImageLayer.&lt;/P&gt;&lt;P&gt;The slider seems to work correctly.&amp;nbsp; However why is it that&amp;nbsp;the different images are not cached at all on the browser side.&amp;nbsp; It seems that every time the LayerView.filter is updated with a new timeExtent, a full http get request is performed every time.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Example:&amp;nbsp; In this example from arcgis online if you look at the network traffic (F12) you will notice that once the time slider goes thru a full cycle, it then starts getting images from the browser cache.&lt;/P&gt;&lt;P&gt;&lt;A class="link-titled" href="https://www.arcgis.com/home/webmap/viewer.html?webmap=548e700f50bb4434be222ddd7aa1e756" title="https://www.arcgis.com/home/webmap/viewer.html?webmap=548e700f50bb4434be222ddd7aa1e756"&gt;https://www.arcgis.com/home/webmap/viewer.html?webmap=548e700f50bb4434be222ddd7aa1e756&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I'm basically trying to do the same as the example above but using ArcGIS Javascript API on a web browser, but it's very slow because every interval is doing a full get to the noaa radar server&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Here is my sample code:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;rainfallLayer = new MapImageLayer({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;id: "radarImageLayerId",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;title: "Radar imagery nexrad time",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;url: "https://nowcoast.noaa.gov/arcgis/rest/services/nowcoast/radar_meteo_imagery_nexrad_time/MapServer",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;refreshInterval: 0, &lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;opacity: 0.6,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;sublayers: [&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;title: "Radar overlay",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;id: 3,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;visible: true&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;],&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;visible: true&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/P&gt;&lt;P&gt;map = new Map({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;basemap: "streets",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;layers: [rainfallLayer]&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/P&gt;&lt;P&gt;mapView = new SceneView({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;container: "viewDiv",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;map: map,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;camera: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;position: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;x: -81.66,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;y: 29.65,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;z: 20654&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;tilt: 73&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;constraints: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;altitude: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;min: 100&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;});&lt;/P&gt;&lt;P&gt;const timerStart = new Date();&lt;BR /&gt; const timerEnd = new Date();&lt;BR /&gt; timerStart.setHours(timerStart.getHours() - 2);&lt;BR /&gt; const timerStartDefault = new Date();&lt;BR /&gt; timerStartDefault.setMinutes(timerEnd.getMinutes() -30);&lt;BR /&gt; &lt;BR /&gt; const timeSlider = new TimeSlider({&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;container: "timeSlider",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;mode: "instant",&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;view: mapView,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;playRate: 4000,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;stops: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;interval: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;value: 30,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;unit: "minutes"&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;}&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;fullTimeExtent: {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;start: timerStart,&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;end: timerEnd&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;values: [timerStart, timerEnd]&lt;BR /&gt; });&lt;BR /&gt; //default the timeSlider to the end.&lt;BR /&gt; timeSlider.previous();&lt;BR /&gt; mapView.ui.add(timeSlider, "manual");&lt;/P&gt;&lt;P&gt;let timeLayerView;&lt;BR /&gt; mapView.whenLayerView(rainfallLayer).then(function(lv) {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;timeLayerView = lv;&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;const fullTimeExtent = rainfallLayer.timeInfo.fullTimeExtent;&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;const start = fullTimeExtent.start;&lt;BR /&gt; });&lt;/P&gt;&lt;P&gt;timeSlider.watch("timeExtent", function(value) {&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;timeLayerView.filter = {&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;timeExtent: value&lt;BR /&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;};&lt;BR /&gt; });&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 30 Aug 2019 19:44:50 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/timeslider-api-and-caching/m-p/86363#M7819</guid>
      <dc:creator>JocelynGranger</dc:creator>
      <dc:date>2019-08-30T19:44:50Z</dc:date>
    </item>
  </channel>
</rss>

