opLayer = new esri.layers.FeatureLayer("http://servicesbeta.esri.com/ArcGIS/rest/services/Health/h1n1/MapServer/0",{ mode: esri.layers.FeatureLayer.MODE_SNAPSHOT });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title>H1N1 Flu Outbreak</title> <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.0/js/dojo/dijit/themes/tundra/tundra.css"> <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.0"></script> <script type="text/javascript" language="Javascript"> dojo.require("esri.map"); dojo.require("esri.tasks.query"); dojo.require("esri.layers.FeatureLayer"); dojo.require("esri.dijit.TimeSlider") var timeSlider,map; var opLayer; function init() { map = new esri.Map("map"); var layers = []; var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"); layers.push(basemap); opLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://servicesbeta.esri.com/ArcGIS/rest/services/Health/h1n1/MapServer"); layers.push(opLayer); //add all the layers to the map then initialize the slider map.addLayers(layers); dojo.connect(map,"onLayersAddResult",function(results){ timeSlider = new esri.dijit.TimeSlider({},dojo.byId("timeSliderDiv")); map.setTimeSlider(timeSlider); timeSlider.setThumbCount(2); //get the time extent from the H1N1 layer and use that to define the time stops timeSlider.createTimeStopsByTimeInterval(results[1].layer.timeInfo.timeExtent,1,'esriTimeUnitsDays'); dojo.connect(timeSlider,"onTimeExtentChange",extentChanged); timeSlider.startup(); }); } function extentChanged(timeExtent){ //format the dates console.log(timeExtent.startTime.toUTCString()); console.log(timeExtent.endTime.toUTCString()); var startVal = timeExtent.startTime.getMonth() + 1 + "/" + timeExtent.startTime.getDate() + "/" + timeExtent.startTime.getFullYear(); var endVal = timeExtent.endTime.getMonth() + 1 + "/" + + timeExtent.endTime.getDate() + "/" + timeExtent.endTime.getFullYear(); dojo.byId("timeVal").innerHTML = "<b>H1N1 Flu Outbreak data from " + startVal + " TO " + endVal + "<\/b>"; } dojo.addOnLoad(init); </script> </head> <body class="tundra"> <div id="timeVal"></div> <div id="map" style="width:900px; height:600px; border:1px solid #000;"></div> <div id="timeSliderDiv"></div> </body> </html>
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.