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>
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.