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>
Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.