function initSlider(result) { console.log('initSlider'); var timeExtent = new esri.TimeExtent(); var now = new Date(); timeExtent.endTime = now; map.setTimeExtent(timeExtent); }
http://trf-phone/ArcGIS/rest/services/MondayLinks/MapServer/export?dpi=96&transparent=true&format=png8&layers=show:0&bbox=-13765025.978000592,4478635.912199644,-13468692.051999409,4656436.267800355&bboxSR=102113&imageSR=102113&size=1000,600&time=1294042500000%2C1294092401261&f=image
http://trf-phone/ArcGIS/rest/services/MondayLinks/MapServer/export?dpi=96&transparent=true&format=png8&layers=show:0&bbox=-13765025.978000592,4478635.912199644,-13468692.051999409,4656436.267800355&bboxSR=102113&imageSR=102113&size=1000,600&f=image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> <title>ESRI Map and jQuery</title> <link href="jquery.time.slider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> var djConfig = { parseOnLoad: true }; </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.time.slider.js" type="text/javascript"></script> <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=2.1compact"></script> <script type="text/javascript" language="Javascript"> dojo.require("esri.map"); dojo.require("esri.layers.FeatureLayer"); var map; function init() { var startExtent = new esri.geometry.Extent({"xmin":-18233316,"ymin":981737,"xmax":-8449376,"ymax":6852101,"spatialReference":{"wkid":102100}}); map = new esri.Map("map", {extent:startExtent}); dojo.connect(map, "onLoad", function () { $(document).ready(jQueryReady); }); var layers = []; var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"); map.addLayer(basemap); // feature layer var featureLayer = new esri.layers.FeatureLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Earthquakes/EarthquakesFromLastSevenDays/MapServer/0", { mode: esri.layers.FeatureLayer.MODE_SNAPSHOT, outFields: [ "*" ] }); featureLayer.setDefinitionExpression("magnitude > 2"); dojo.connect(map, "onLayersAddResult", initSlider); map.addLayers([featureLayer]); } function jQueryReady() { $('.timepick').change(function () { if(map.timeExtent){ console.log('change'); var timespan = new esri.TimeExtent(); timespan.startTime = $('.timepick').timeslider('get'); map.setTimeExtent(timespan); $('#chosen-time').text($('.timepick').timeslider('get').toString());} }).timeslider({ value: '12:00' }); } function initSlider(result) { console.log('initSlider'); var timeExtent = new esri.TimeExtent(); var now = new Date(); timeExtent.endTime = now; map.setTimeExtent(timeExtent); } dojo.addOnLoad(init); </script> </head> <body > <div id="map" style="width:1000px; height:600px; border:1px solid #000;"></div> <span id="chosen-time"></span> <label>Time slider span: <span class="timepick">5:00</span></label> </body> </html>
Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.