ArcGIS js api 4.x 淹没分析 、水淹分析

2023-11-11 05:40
文章标签 分析 arcgis js api 淹没 水淹

本文主要是介绍ArcGIS js api 4.x 淹没分析 、水淹分析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

效果图如下:

ArcGIS js 4.x 水淹分析 淹没分析

代码如下


console.log('459584547@qq.com');function gradientColor(startColor,endColor,step){startRGB = this.colorRgb(startColor);//转换为rgb数组模式startR = startRGB[0];startG = startRGB[1];startB = startRGB[2];endRGB = this.colorRgb(endColor);endR = endRGB[0];endG = endRGB[1];endB = endRGB[2];sR = (endR-startR)/step;//总差值sG = (endG-startG)/step;sB = (endB-startB)/step;var colorArr = [];for(var i=0;i<step;i++){//计算每一步的hex值 var hex = this.colorHex('rgb('+parseInt((sR*i+startR))+','+parseInt((sG*i+startG))+','+parseInt((sB*i+startB))+')');colorArr.push(hex);}return colorArr;}// 将hex表示方式转换为rgb表示方式(这里返回rgb数组模式)gradientColor.prototype.colorRgb = function(sColor){var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;var sColor = sColor.toLowerCase();if(sColor && reg.test(sColor)){if(sColor.length === 4){var sColorNew = "#";for(var i=1; i<4; i+=1){sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));}sColor = sColorNew;}//处理六位的颜色值var sColorChange = [];for(var i=1; i<7; i+=2){sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));}return sColorChange;}else{return sColor;}};// 将rgb表示方式转换为hex表示方式gradientColor.prototype.colorHex = function(rgb){var _this = rgb;var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;if(/^(rgb|RGB)/.test(_this)){var aColor = _this.replace(/(?:(|)|rgb|RGB)*/g,"").split(",");var strHex = "#";for(var i=0; i<aColor.length; i++){var hex = Number(aColor[i]).toString(16);hex = hex<10 ? 0+''+hex :hex;// 保证每个rgb的值为2位if(hex === "0"){hex += hex;}strHex += hex;}if(strHex.length !== 7){strHex = _this;}return strHex;}else if(reg.test(_this)){var aNum = _this.replace(/#/,"").split("");if(aNum.length === 6){return _this;}else if(aNum.length === 3){var numHex = "#";for(var i=0; i<aNum.length; i+=1){numHex += (aNum[i]+aNum[i]);}return numHex;}}else{return _this;}}

这篇关于ArcGIS js api 4.x 淹没分析 、水淹分析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/387927

相关文章

C++ Sort函数使用场景分析

《C++Sort函数使用场景分析》sort函数是algorithm库下的一个函数,sort函数是不稳定的,即大小相同的元素在排序后相对顺序可能发生改变,如果某些场景需要保持相同元素间的相对顺序,可使... 目录C++ Sort函数详解一、sort函数调用的两种方式二、sort函数使用场景三、sort函数排序

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

Go标准库常见错误分析和解决办法

《Go标准库常见错误分析和解决办法》Go语言的标准库为开发者提供了丰富且高效的工具,涵盖了从网络编程到文件操作等各个方面,然而,标准库虽好,使用不当却可能适得其反,正所谓工欲善其事,必先利其器,本文将... 目录1. 使用了错误的time.Duration2. time.After导致的内存泄漏3. jsO

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Spring事务中@Transactional注解不生效的原因分析与解决

《Spring事务中@Transactional注解不生效的原因分析与解决》在Spring框架中,@Transactional注解是管理数据库事务的核心方式,本文将深入分析事务自调用的底层原理,解释为... 目录1. 引言2. 事务自调用问题重现2.1 示例代码2.2 问题现象3. 为什么事务自调用会失效3

找不到Anaconda prompt终端的原因分析及解决方案

《找不到Anacondaprompt终端的原因分析及解决方案》因为anaconda还没有初始化,在安装anaconda的过程中,有一行是否要添加anaconda到菜单目录中,由于没有勾选,导致没有菜... 目录问题原因问http://www.chinasem.cn题解决安装了 Anaconda 却找不到 An

Spring定时任务只执行一次的原因分析与解决方案

《Spring定时任务只执行一次的原因分析与解决方案》在使用Spring的@Scheduled定时任务时,你是否遇到过任务只执行一次,后续不再触发的情况?这种情况可能由多种原因导致,如未启用调度、线程... 目录1. 问题背景2. Spring定时任务的基本用法3. 为什么定时任务只执行一次?3.1 未启用

基于Flask框架添加多个AI模型的API并进行交互

《基于Flask框架添加多个AI模型的API并进行交互》:本文主要介绍如何基于Flask框架开发AI模型API管理系统,允许用户添加、删除不同AI模型的API密钥,感兴趣的可以了解下... 目录1. 概述2. 后端代码说明2.1 依赖库导入2.2 应用初始化2.3 API 存储字典2.4 路由函数2.5 应

C++ 各种map特点对比分析

《C++各种map特点对比分析》文章比较了C++中不同类型的map(如std::map,std::unordered_map,std::multimap,std::unordered_multima... 目录特点比较C++ 示例代码 ​​​​​​代码解释特点比较1. std::map底层实现:基于红黑

Spring、Spring Boot、Spring Cloud 的区别与联系分析

《Spring、SpringBoot、SpringCloud的区别与联系分析》Spring、SpringBoot和SpringCloud是Java开发中常用的框架,分别针对企业级应用开发、快速开... 目录1. Spring 框架2. Spring Boot3. Spring Cloud总结1. Sprin