<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>

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

  1. WPF/Silverlight深度解决方案:(七)HLSL自定义渲染特效之完美攻略(中)

    原文:WPF/Silverlight深度解决方案:(七)HLSL自定义渲染特效之完美攻略(中) 通过上一节的解说,大家是否已经对HLSL有了较深刻的认识和理解,HLSL的渲染不仅仅局限于静态处理,通过 ...

  2. WPF/Silverlight深度解决方案:(六)HLSL自定义渲染特效之完美攻略(上)

    原文:WPF/Silverlight深度解决方案:(六)HLSL自定义渲染特效之完美攻略(上) Shader Effect种位图特效及2种渲染特效,而Silverlight中仅有这2种渲染特效: Bl ...

  3. Ubuntu添加开机自动启动程序方法

    1. 开机启动时自动运行程序  Linux加载后, 它将初始化硬件和设备驱动, 然后运行第一个进程init.init根据配置    文件继续引导过程,启动其它进程.通常情况下,修改放置在      / ...

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

    原文:ArcGIS中添加进自定义的ttf字符标记符号 ArcGIS系统中的样式可能不能满足实际生产需要,为了实现快速制图,可自定义一些样式,以便重复利用. 1.   制作的符号库 使用 FontCre ...

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

    在对类和对象有一定了解之后,我们进一步探讨实例变量的可见度等相关知识 实例变量的可见度分为三种情况:public(共有),protected(受保护的,默认),private(私有的),具体的不同和特 ...

  6. Inno Setup技巧[界面]添加和自定义左下角标签

    原文 http://blog.sina.com.cn/s/blog_5e3cc2f30100cc49.html 本文介绍添加和自定义“左下角标签”的方法. 界面预览: Setup技巧[界面]添加和自定 ...

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

    Grid各列已经能够展示出来了.列的类型包括字符型,整型,浮点型,货币型,百分比型,日期型和布尔型,我自定义了各种类型的渲染样式: 1.整型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色, ...

  8. 转载]浅析DEDECMS织梦留言板调用网站head.htm以及自定义的方法

    原文地址:浅析DEDECMS织梦留言板调用网站head.htm以及自定义的方法作者:it_wang 今天,一个客户朋友问到织梦留言板如何调用head.htm以及自定义,企业网站源码之前有摸索过,但是没 ...

  9. python装饰器、继承、元类、mixin,四种給类动态添加类属性和方法的方式(一)

    介绍装饰器.继承.元类.mixin,四种給类动态添加类属性和方法的方式 有时候需要給类添加额外的东西,有些东西很频繁,每个类都需要,如果不想反复的复制粘贴到每个类,可以动态添加. # coding=u ...

随机推荐

  1. Filter Effects - 使用 CSS3 滤镜处理图片

    CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能.CSS3 Fitler 常用于调整图像的渲染.背景或边框显示效果.这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理 ...

  2. Crumpet – 使用很简单的响应式前端开发框架

    Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架,保持你的 HTML 代码简洁.内置尽量使用占位符选择器,以减少你的 HTML 标记的大小,没有凌乱的 HTML 代码.快 ...

  3. Cordova webapp实战开发:(5)如何写一个Andorid下自动更新的插件?

    在 <Cordova webapp实战开发:(4)Android环境搭建>中我们搭建好了开发环境,也给大家布置了调用插件的预习作业,做得如何了呢?今天我们来学一下如何自己从头建立一个And ...

  4. 介绍开源的.net通信框架NetworkComms框架 源码分析(二十 )ConnectionCreate

    原文网址: http://www.cnblogs.com/csdev Networkcomms 是一款C# 语言编写的TCP/UDP通信框架  作者是英国人  以前是收费的 目前作者已经开源  许可是 ...

  5. mvc 修改 删除 linq

    Models文件夹里面可以Linq,Entity两种映射框架,也允许有ADO的操作,甚至可以ADO代码和映射代码一起操作 控制器当中允许有相同的方法名,类似在做修改时有两个Modify方法,但是MVC ...

  6. 不可或缺 Windows Native (23) - C++: 虚函数

    [源码下载] 不可或缺 Windows Native (23) - C++: 虚函数 作者:webabcd 介绍不可或缺 Windows Native 之 C++ 虚函数 示例1.基类CppHuman ...

  7. csharp:workflow and bpm(Business Process Management)

    http://ccflow.codeplex.com/ http://winwf.codeplex.com/ http://nginn.codeplex.com/ https://github.com ...

  8. TabHost的使用

    Android中的选项卡是用TabHost实现的. 首先,定义TabHost的布局文件: <?xml version="1.0" encoding="utf-8&q ...

  9. 【Java每日一题】20161130

    20161129问题解析请点击今日问题下方的"[Java每日一题]20161130"查看 package Nov2016; public class Ques1130 { publ ...

  10. ServletContext中常用方法介绍

    一..获取Tomcat的Context的初始化参数.1.获取Tomcat的server.xml中设置Context的初始化参数.例如: <Context path="/testcont ...