给栅格数据添加RasterFunction--自定义渲染方法

<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>
时间: 2024-10-19 11:11:04

给栅格数据添加RasterFunction--自定义渲染方法的相关文章

WinForm TextBox自定义扩展方法数据验证

本文转载:http://www.cnblogs.com/gis-crazy/archive/2013/03/17/2964132.html 查看公司项目代码时,存在这样一个问题:winform界面上有很多信息填写,提交后台服务器更新,但数据的合法验证及值的转换却不太敢恭维,一堆的if判断和转换,便想着是否能扩展个方法出来,琢磨出个思路,记录下来与大家共同探讨,有不对的地方还请大家指正. 设计思路: 1. 由于大部分从TextBox控件中获取数据值,可以扩展个泛型方法出来,直接根据转换后的数据类型

ArcGIS中添加进自定义的ttf字符标记符号

原文:ArcGIS中添加进自定义的ttf字符标记符号 ArcGIS系统中的样式可能不能满足实际生产需要,为了实现快速制图,可自定义一些样式,以便重复利用. 1.   制作的符号库 使用 FontCreator6.0工具制作ttf格式的arcgis的符号库.参考:Jingkunliu的ArcGIS使用字体文件制作符号库!这篇博客. 2.   安装ttf字体符号库 字体包中包含了自定义的一些符号样式,在正式使用样式之前,必须安装.ttf的字体包. 安装字体的包的方式有以下两种,二选一即可: 1) 找

15、手把手教你Extjs5(十五)各种Grid列的自定义渲染

Grid各列已经能够展示出来了.列的类型包括字符型,整型,浮点型,货币型,百分比型,日期型和布尔型,我自定义了各种类型的渲染样式: 1.整型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色,0不显示. 2.浮点型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色,显示二位小数,0不显示. 3.货币型:同浮点型,但是可以选择不同的单位,如元,千元,万元,百万元,亿元.数据有分节显示. 4.百分比型:自定义的一个百分比的显示,有数值和图像来形象的表示百分比. 5.日期型:显示格式为

网页中添加下划线的方法汇总及优缺点

本文主要介绍了添加下划线样式的几乎所有方法,并且比较了每一种方法的优缺点.没想到之前一直没有注意的下划线还有这么多玄机奥秘! 本文由 nzbin 翻译,艾凌风 校稿.未经许可,禁止转载! 英文出处:css-tricks.com 发表地址:http://web.jobbole.com/89425/ 有很多种添加下划线样式的方法.可能你还记得< Crafting link underlines on Medium >这篇文章.Medium 并没有尝试特殊的方法,只是想创建一个漂亮的看起来正常的下划

OC中实例变量可见度、setter、getter方法和自定义初始化方法

在对类和对象有一定了解之后,我们进一步探讨实例变量的可见度等相关知识 实例变量的可见度分为三种情况:public(共有),protected(受保护的,默认),private(私有的),具体的不同和特点如下: 具体的使用示例如下: 编程时默认的可见度是@protectde,为什么不使用@public呢? 因为OC是面向对象编程,使用@public关键字,暴漏了类内部的细节,从而不符合面向对象语言的三大特性之一——封装 实例变量经过@protectde修饰之后,我们就不能在该类和其子类外操作,例如

跟我一起学extjs5(16--各种Grid列的自定义渲染)

跟我一起学extjs5(16--各种Grid列的自定义渲染) Grid各列已经能够展示出来了.列的类型包括字符型,整型,浮点型,货币型,百分比型,日期型和布尔型,我自定义了各种类型的渲染样式: 1.整型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色,0不显示. 2.浮点型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色,显示二位小数,0不显示. 3.货币型:同浮点型,但是可以选择不同的单位,如元,千元,万元,百万元,亿元.数据有分节显示. 4.百分比型:自定义的一个百分比的

给PDF文档添加电子图章的方法

在这电子商务遍地走的社会,电子图章被越来越多地应用在合同.发票和其它电子文档中.那么如果不会使用PS,该如何实现在文档中添加电子图章呢?今天就给各位老铁一种给PDF文档添加电子图章的方法. 工具:PDF编辑器中文版 第一步:先将我们需要加图章的文件转换为PDF格式 点击顶部菜单栏"转换"--"文件转换"--"将文件转换为PDF": 通过PDF编辑器将我们需要打电子图章的文件转换为PDF格式. 第二步:用PDF编辑器打开文档,点击顶部菜单栏&quo

详解VMware 虚拟机中添加新硬盘的方法

一.VMware新增磁盘的设置步骤 (建议:在设置虚拟的时候,不要运行虚拟机的系统,不然添加了新的虚拟磁盘则要重启虚拟机) 1.选择“VM”----“设置”并打开,将光标定位在“硬盘(SCSI)”这一选项,然后点击下方的“添加”按钮 2.点击下一步,执行下一个步骤 3.选择磁盘类型 4.根据提示,创建一个虚拟的磁盘,并点击下一步 5.设置磁盘大小,点击下一步 6.选择存储位置,最后点击完成 以下是对虚拟机中Linux和widows中对于新的虚拟磁盘的挂载的方式的介绍 二.虚拟机中windows对

基于三维GIS技术的矢量地图动态LOD渲染方法研究现状

“地图是人类文化的杰作,它融科学.艺术于一体,作为描述.研究人类生存环境的一种信息载体是人类生产与生活中不可缺少的一种工具.”这是陈述彭院士为<中国地图学年鉴>作序的开场语.Taylor也曾指出“当涉及应用人脑来识别空间联系中的模式与相互关系时,地图学的认知方法是唯一的过程”.地图存在于我们生活的方方面面,应用广泛且己经产生了巨大的社会效应和经济效益,其重要性不言而喻.地图是地图可视化的结果,地图可视化作为现代地图学的核心一直是三维GIS的研究热点.地图可视化将电子设备的视觉传输能力和人类的视