给栅格数据添加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>
给栅格数据添加RasterFunction--自定义渲染方法的更多相关文章
- WPF/Silverlight深度解决方案:(七)HLSL自定义渲染特效之完美攻略(中)
原文:WPF/Silverlight深度解决方案:(七)HLSL自定义渲染特效之完美攻略(中) 通过上一节的解说,大家是否已经对HLSL有了较深刻的认识和理解,HLSL的渲染不仅仅局限于静态处理,通过 ...
- WPF/Silverlight深度解决方案:(六)HLSL自定义渲染特效之完美攻略(上)
原文:WPF/Silverlight深度解决方案:(六)HLSL自定义渲染特效之完美攻略(上) Shader Effect种位图特效及2种渲染特效,而Silverlight中仅有这2种渲染特效: Bl ...
- Ubuntu添加开机自动启动程序方法
1. 开机启动时自动运行程序 Linux加载后, 它将初始化硬件和设备驱动, 然后运行第一个进程init.init根据配置 文件继续引导过程,启动其它进程.通常情况下,修改放置在 / ...
- ArcGIS中添加进自定义的ttf字符标记符号
原文:ArcGIS中添加进自定义的ttf字符标记符号 ArcGIS系统中的样式可能不能满足实际生产需要,为了实现快速制图,可自定义一些样式,以便重复利用. 1. 制作的符号库 使用 FontCre ...
- OC中实例变量可见度、setter、getter方法和自定义初始化方法
在对类和对象有一定了解之后,我们进一步探讨实例变量的可见度等相关知识 实例变量的可见度分为三种情况:public(共有),protected(受保护的,默认),private(私有的),具体的不同和特 ...
- Inno Setup技巧[界面]添加和自定义左下角标签
原文 http://blog.sina.com.cn/s/blog_5e3cc2f30100cc49.html 本文介绍添加和自定义“左下角标签”的方法. 界面预览: Setup技巧[界面]添加和自定 ...
- 15、手把手教你Extjs5(十五)各种Grid列的自定义渲染
Grid各列已经能够展示出来了.列的类型包括字符型,整型,浮点型,货币型,百分比型,日期型和布尔型,我自定义了各种类型的渲染样式: 1.整型:标题栏居中,数值靠右显示,正数颜色为蓝色,负数颜色为红色, ...
- 转载]浅析DEDECMS织梦留言板调用网站head.htm以及自定义的方法
原文地址:浅析DEDECMS织梦留言板调用网站head.htm以及自定义的方法作者:it_wang 今天,一个客户朋友问到织梦留言板如何调用head.htm以及自定义,企业网站源码之前有摸索过,但是没 ...
- python装饰器、继承、元类、mixin,四种給类动态添加类属性和方法的方式(一)
介绍装饰器.继承.元类.mixin,四种給类动态添加类属性和方法的方式 有时候需要給类添加额外的东西,有些东西很频繁,每个类都需要,如果不想反复的复制粘贴到每个类,可以动态添加. # coding=u ...
随机推荐
- 可变参数宏__VA_ARGS__
在 GNU C 中,宏可以接受可变数目的参数,就象函数一样,例如:#define pr_debug(fmt,arg...) \printk(KERN_DEBUG fmt,##arg) 用可变参数宏(v ...
- linux下查看进程占用端口和端口占用进程命令
Linux下查看进程占用端口: 查看程序对应进程号:ps –ef|grep 进程名 REDHAT :查看进程号所占用的端口号:netstat –nltp|grep 进程号 ubuntu:查看进程占用端 ...
- Spark入门实战系列--2.Spark编译与部署(下)--Spark编译安装
[注]该系列文章以及使用到安装包/测试数据 可以在<倾情大奉送--Spark入门实战系列>获取 .编译Spark .时间不一样,SBT是白天编译,Maven是深夜进行的,获取依赖包速度不同 ...
- vs2010快捷键
vs的快捷键包含部分代码的自动生成 VS2010 快捷键 全屏:Shift+Alt+Enter 注释选定内容:Ctrl+E+C/Crtr+E+U 代码格式化:ctrl+E+F VS2008 使用小技巧 ...
- svn冲突问题详解
开发人员都知道代码管理工具是开发中一个必不可少的工具,这里也不废话详细介绍了.不管你个人喜欢git还是svn还是其他,但还有一大部分公司在使用svn做代码管理工具.这里详细介绍下SVN提交文件时冲突问 ...
- Halcon与MFC交互编程
Halcon是商业化的机器视觉软件.网上下了halcon10的破解版,安装后编写了个图像显示的MFC小程序. 编译器用的是VS2008. 1 配置halcon环境 新建为MFC后,在VC++目录中配置 ...
- CSS魔法堂:你真的理解z-index吗?
一.前言 假如只是开发简单的弹窗效果,懂得通过z-index来调整元素间的层叠关系就够了.但要将多个弹窗间层叠关系给处理好,那么充分理解z-index背后的原理及兼容性问题就是必要的知识储备了.本文作 ...
- 数据结构(C语言第2版)----时间复杂度和单链表
马上要到校招了,复习下相关的基础知识. 时间复杂度是什么? 官方解释: 算法的执行时间需要依据算法所编制的程序在计算机上于运行时所消耗的时间来度量.在算法中可以使用基本的语句的执行次数作为算法的时间复 ...
- ASP.NET MVC系列:控制器的Edit方法
在前面我们已经介绍了如何创建控制器.视图和数据模型,运行之前的项目并打开Movies主页,将鼠标悬停在“编辑”菜单上,你会看到浏览器右下角显示了“编辑”链接的地址
- HoverTree项目添加了查看留言列表功能
HoverTree项目添加了查看留言列表功能 页面:HoverTreeWeb项目下hvtpanel/usermessage/messagelist.aspx 添加留言页面:addmessage.asx ...