给栅格数据添加RasterFunction--自定义渲染方法
2016-08-07 10:14
363 查看
<script type="text/javascript"> /** dojo.require("esri.map"); dojo.require("esri.layers.ArcGISImageServiceLayer"); dojo.require("esri.layers.TimeInfo"); dojo.require("esri.TimeExtent"); dojo.require("esri.dijit.TimeSlider"); dojo.require("dojo.dom");*/ require([ "esri/map", "esri/layers/ArcGISImageServiceLayer", "esri/TimeExtent", "esri/layers/TimeInfo","esri/dijit/TimeSlider","esri/layers/RasterFunction", "dojo/dom", "dojo/domReady!" ], function( Map, ArcGISImageServiceLayer, TimeExtent, TimeInfo,TimeSlider, dom ){ //$("#dataTable").height($(window).height()-255); if(dijit.byId("timeSliderDiv")){ dijit.byId("timeSliderDiv").destroy(); } timeSlider = new esri.dijit.TimeSlider({ style: "width: 100%;" }, dojo.byId("timeSliderDiv")); var imageService = Application.configData.imageServices.get("DBZ"); if(imageService && imageService.url){ // var colorRF = new esri.layers.RasterFunction(); colorRF.functionName = "Colormap"; colorRF.functionArguments = { "Colormap" : [ [4,0,159,245], [5,0,235,235], [6,0,215,0], [7,0,143,0], [8,254,254,0], [9,230,191,0], [10,254,143,0], [11,254,0,0], [12,213,0,0], [13,191,0,0], [14,254,0,239], [15,149,0,179], [16,172,143,239] ] }; // colorRF.variableName = "Raster"; // var imageServiceParameters = new esri.layers.ImageServiceParameters(); //imageServiceParameters.noData = 0; imageServiceParameters.renderingRule = colorRF; imageLayer = new esri.layers.ArcGISImageServiceLayer(imageService.url,{"imageServiceParameters":imageServiceParameters}); // // imageLayer.on("load",initSlider); var map = Application.map; var layer = map.addLayer(imageLayer); //layer.setRenderingRule(colorRF); } function initSlider() { Application.map.setTimeSlider(timeSlider); timeSlider.setThumbCount(1); // timeSlider.createTimeStopsByTimeInterval(timeExtent, 2, "esriTimeUnitsYears"); if(imageLayer.timeInfo){ timeSlider.createTimeStopsByTimeInterval(imageLayer.timeInfo.timeExtent,30,TimeInfo.UNIT_MINUTES); } timeSlider.setThumbMovingRate(1000); //timeSlider.singleThumbAsTimeInstant(true); timeSlider.setLoop(true); timeSlider.startup(); for(var i=0;i<timeSlider.timeStops.length;i++){ var date = timeSlider.timeStops[i]; $("#dataTableBody").append("<tr onClick='onClickDataRow(event)' time='"+date.getTime()+"'><td align='center'>"+(i+1)+"</td><td align='center'>"+date.format("yyyy-MM-dd hh:mm:ss")+"</td>"); } timeSlider.on("time-extent-change", function(evt) { //var startValString = evt.startTime.getUTCFullYear(); var endValString = evt.endTime.getTime(); //alert(endValString); //避免播放组件进入下一次循环播放 if(endValString == timeSlider.timeStops[timeSlider.timeStops.length-1].getTime()){ timeSlider.pause(); } $("#dataTableBody").children().removeClass("active"); //在列表中选中播放组件当前播放的影像 $.each($("#dataTableBody").children(),function(i,item){ if($(item).attr("time")==endValString){ $(item).addClass("active"); } }); }); //播放组件默认播放当前最新的一张影像 timeSlider.setThumbIndexes([timeSlider.timeStops.length-1]); } }); </script>
相关文章推荐
- Discuz! X2.5 添加自定义数据调用模块(简单方法)
- Spring MVC通过添加自定义注解格式化数据的方法
- c#(winform)中自定义ListItem类方便ComboBox和ListBox添加项完全解决(DropDownList 和Combox 数据绑定的常用方法)
- AE中栅格数据的几种渲染方法
- easyUI 渲染 combobox 加载数据源 && 添加自定义数据
- c#(winform)中自定义ListItem类方便ComboBox和ListBox添加项完全解决(DropDownList 和Combox 数据绑定的常用方法) .
- 数据访问函数库的使用方法(一)——添加修改数据
- asp中添加数据的两种方法(access数据库)
- 直接创建一个DataTable,并为之添加数据(自定义DataTable)
- 自定义方法对绑定的数据进行验证.
- 栅格数据渲染
- 两种向TreeView中添加数据的方法
- KML-添加自定义数据
- ASP.NET 数据列表控件的分页总结(一)-----自定义方法分页和PageDataSource类分页
- MFC ComboBox 使用方法-初始化,添加,得到选择的数据,得到数据的位置,删除
- 直接创建一个DataTable,并为之添加数据(自定义DataTable)
- 数据访问函数库的使用方法(一)——添加修改数据
- 两种添加数据到WEB DropDownList 控件的方法
- 自定义数据集的数据添加
- 两种添加数据到DropDownList 控件的方法