当前位置： 首页 > article >正文

11 - ArcGIS For JavaScript -- 高程分析

article 2025/6/8 4:30:17

这里写自定义目录标题

  • 描述
  • 代码实现
  • 结果

描述

高程分析是地理信息系统(GIS)中的核心功能之一，主要涉及对地表高度数据(数字高程模型, DEM)的处理和分析。
ArcGIS For JavaScript4.32版本的发布，提供了Web端的针对高程分析的功能。

代码实现

<!doctype html>
<html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /><title>地形高程分析</title><link rel="stylesheet" href="https://js.arcgis.com/4.32/esri/themes/light/main.css" /><script src="https://js.arcgis.com/4.32/"></script><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;background-color: ghostwhite;}#opacitySliderDiv {background: #607d8bbb;padding: 10px;border-radius: 5px;}#opacitySliderDiv label {margin: 5px 0;text-align: left;display: block;color: #1833c8;}</style><script>require(["esri/Map","esri/views/SceneView","esri/layers/support/RasterFunction","esri/layers/support/rasterFunctionUtils","esri/layers/ImageryTileLayer","esri/widgets/Slider","esri/widgets/Expand"], (Map,SceneView,RasterFunction,rasterFunctionUtils,ImageryTileLayer,Slider,Expand) =>(() => {let customColor = [0, 122, 194];const customAnalysisParams = {elevation: { min: 2000, max: 9000 },slope: { min: 10, max: 90 },aspects: { N: false, NE: false, E: false, SE: true, S: true, SW: true, W: false, NW: false }};function createCustomAnalysis(color = customColor) {// Mask out elevation outside of parameter rangeconst elevationMask = rasterFunctionUtils.mask({includedRanges: [[customAnalysisParams.elevation.min, customAnalysisParams.elevation.max]],noDataValues: [[-9999]],noDataInterpretation: "match-any"});// Compute slope on masked elevationconst slopeFunction = rasterFunctionUtils.slope({slopeType: "degree",zFactor: 1,raster: elevationMask});// Mask out slopes outside of parameter rangeconst slopeMask = rasterFunctionUtils.mask({includedRanges: [[customAnalysisParams.slope.min, customAnalysisParams.slope.max]],noDataValues: [[-9999]],noDataInterpretation: "match-any",raster: slopeFunction});// Map included slopes >= 0 to 1const greaterThanSlope0 = rasterFunctionUtils.greaterThanEqual({raster: slopeMask,raster2: 0});// Compute aspect on masked elevationconst aspectFunction = rasterFunctionUtils.aspect({raster: elevationMask});// Map aspect as 1 (include) or 0 (exclude) according to parametersconst remapAspectFunction = rasterFunctionUtils.remap({rangeMaps: [{ range: [-Infinity, 0], output: 1 }, // Include flats{ range: [360, Infinity], output: 1 }, // Include flats{ range: [337.5, 360], output: +customAnalysisParams.aspects.N },{ range: [0, 22.5], output: +customAnalysisParams.aspects.N },{ range: [22.5, 67.5], output: +customAnalysisParams.aspects.NE },{ range: [67.5, 112.5], output: +customAnalysisParams.aspects.E },{ range: [112.5, 157.5], output: +customAnalysisParams.aspects.SE },{ range: [157.5, 202.5], output: +customAnalysisParams.aspects.S },{ range: [202.5, 247.5], output: +customAnalysisParams.aspects.SW },{ range: [247.5, 292.5], output: +customAnalysisParams.aspects.W },{ range: [292.5, 337.5], output: +customAnalysisParams.aspects.NW }],raster: aspectFunction});// Combine slope and aspect rastersconst combineAspectSlope = rasterFunctionUtils.booleanAnd({raster: greaterThanSlope0,raster2: remapAspectFunction});const colorMapFinal = rasterFunctionUtils.colormap({colormap: [[1, ...color]],raster: combineAspectSlope});return colorMapFinal;}const analysisLayer = new ImageryTileLayer({url: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer",title: "Custom Analysis",rasterFunction: createCustomAnalysis(customColor),opacity: 0.8});let scene = new Map({basemap: 'hybrid',ground: 'world-elevation'});scene.add(analysisLayer);let view = new SceneView({container: 'viewDiv',map: scene,camera: {heading: 11.318022273157128,fov: 55,tilt: 64.97027885113135,position: {longitude: 102.01508901208386,latitude: 28.892260981774943,z: 19722.28977170773}}});view.when(function () {console.log(view.map);analysisLayer.rasterFunction = colorMapElevation;const slider = new Slider({container: "opacitySlider",min: 0,max: 100,values: [20],steps: 1,snapOnClickEnabled: false,visibleElements: {labels: true,rangeLabels: true}});slider.on('thumb-drag', (evt) => {if (evt.state === 'stop') {analysisLayer.opacity = 1 - evt.value / 100;}});})const colorMapElevation = rasterFunctionUtils.colormap({colorRampName: "elevation1"});view.ui.add('opacitySliderDiv', 'top-right')})());</script>
</head>
<body><div id="viewDiv"><div id="opacitySliderDiv"><label htmlFor="bloomContrast">高程分析 | 透明度：</label><div id="opacitySlider" style="width: 300px;height: 20px;margin: 10px 0px"></div></div></div></div>
</body></html>

结果

在这里插入图片描述

相关文章：

11 - ArcGIS For JavaScript -- 高程分析

这里写自定义目录标题 描述代码实现结果 描述 高程分析是地理信息系统(GIS)中的核心功能之一&#xff0c;主要涉及对地表高度数据(数字高程模型, DEM)的处理和分析。 ArcGIS For JavaScript4.32版本的发布&#xff0c;提供了Web端的针对高程分析的功能。 代码实现 <!doct…...

编程日记 2025/6/8 4:30:17

通道注意力

一、 什么是注意力 其中注意力机制是一种让模型学会「选择性关注重要信息」的特征提取器&#xff0c;就像人类视觉会自动忽略背景&#xff0c;聚焦于图片中的主体&#xff08;如猫、汽车&#xff09;。 transformer中的叫做自注意力机制&#xff0c;他是一种自己学习自己的机制…...

编程日记 2025/6/8 4:28:54

2048游戏的技术实现分析-完全Java和Processing版

目录 简介Processing库基础项目构建指南项目结构核心数据结构游戏核心机制图形界面实现性能优化代码详解设计模式分析测试策略总结与展望简介 2048是一款由Gabriele Cirulli开发的经典益智游戏。本文将深入分析其Java实现版本的技术细节。该实现使用了Processing库来创建图形界…...

编程日记 2025/6/8 4:27:41

全国县域统计年鉴PDF-Excel电子版-2022年

全国县域统计年鉴PDF-Excel电子版-2022年.ziphttps://download.csdn.net/download/2401_84585615/89784662 https://download.csdn.net/download/2401_84585615/89784662 《中国县域统计年鉴》是一部全面反映中国县域社会经济发展状况的资料性年鉴。自2014年起&#xff0c;该年…...

编程日记 2025/6/8 4:26:29

平滑技术（数据处理，持续更新...）

一.介绍 “平滑”是一种用于减少数据中的短期波动、噪声或者异常值的技术&#xff0c;从而更清晰地揭示数据的长期趋势或周期性特征。 平滑的主要作用&#xff1a; 1.减少噪声。数据中常常包含各种随机噪声或误差&#xff0c;这些误差可能会掩盖数据的真实趋势。平滑可以降低…...

编程日记 2025/6/8 4:25:10

App 上线后还能加固吗？iOS 应用的动态安全补强方案实战分享（含 Ipa Guard 等工具组合）

很多开发者以为 App 一旦上线&#xff0c;安全策略也就定型了。但现实是&#xff0c;App 上线只是攻击者的起点——从黑产扫描符号表、静态分析资源文件、注入调试逻辑&#xff0c;到篡改功能模块&#xff0c;这些行为都可能在你“以为很安全”的上线版本里悄然发生。 本篇文章…...

编程日记 2025/6/8 4:24:03

gitlab CI/CD本地部署配置

背景: 代码管理平台切换为公司本地服务器的gitlab server。为了保证commit的代码至少编译ok&#xff0c;也为了以后能拓展test cases&#xff0c;现在先搭建本地gitlab server的CI/CD基本的编译job pipeline。 配置步骤&#xff1a; 先安装gitlab-runner: curl -L "ht…...

编程日记 2025/6/8 4:22:57

AI大模型在测试领域应用案例拆解：AI赋能的软件测试效能跃迁的四大核心引擎（顺丰科技）

导语 5月份QECon深圳大会已经结束&#xff0c;继续更新一下案例拆解&#xff0c;本期是来自顺丰科技。 文末附完整版材料获取方式。 首先来看一下这个案例的核心内容&#xff0c;涵盖了测四用例设计、CI/CD辅助、测试执行、监控预警四大方面&#xff0c;也是算大家比较熟悉的…...

编程日记 2025/6/8 4:21:50

从零搭建uniapp项目

目录 创建uni-app项目 基础架构 安装 uni-ui 组件库 安装sass依赖 easycom配置组件自动导入 配置view等标签高亮声明 配置uni-ui组件类型声明 解决 标签 错误 关于tsconfig.json中提示报错 关于非原生标签错误&#xff08;看运气&#xff09; 安装 uview-plus 组件库…...

编程日记 2025/6/8 4:20:47

数据库密码加密

数据库密码加密 添加jar包构建工具类具体使用优缺点 添加jar包 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-security</artifactId> </dependency>构建工具类 public class PasswordUtil …...

编程日记 2025/6/8 4:19:43

GaLore：基于梯度低秩投影的大语言模型高效训练方法详解一

&#x1f4d8; GaLore&#xff1a;基于梯度低秩投影的大语言模型高效训练方法详解 一、论文背景与动机 随着大语言模型&#xff08;LLM&#xff09;参数规模的不断增长&#xff0c;例如 GPT-3&#xff08;175B&#xff09;、LLaMA&#xff08;65B&#xff09;、Qwen&#xff…...

编程日记 2025/6/8 4:18:41

OpenCV CUDA模块图像处理------图像融合函数blendLinear()

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 该函数执行 线性融合&#xff08;加权平均&#xff09; 两个图像 img1 和 img2&#xff0c;使用对应的权重图 weights1 和 weights2。 融合公式…...

编程日记 2025/6/8 4:17:37

Linux服务器如何安装wps?

1.到wps官网 https://www.wps.cn/product/wpslinux 2.到安装目录上执行命令 sudo dpkg -i wps-office*.deb 3.启动wps 在终端中输入 wps 命令即可启动 WPS...

编程日记 2025/6/8 4:16:34

图片压缩工具 | 图片生成PDF文档

OPEN-IMAGE-TINY&#xff0c;一个基于 Electron VUE3 的图片压缩工具&#xff0c;项目开源地址&#xff1a;https://github.com/0604hx/open-image-tiny ℹ️ 需求描述 上一版本发布后&#xff0c;有用户提出想要将图片转换&#xff08;或者说生成更为贴切&#xff09;PDF文档…...

编程日记 2025/6/8 4:15:30

Python的浅拷贝与深拷贝

一、浅拷贝 浅拷贝&#xff0c;指的是重新分配一块内存&#xff0c;创建一个新的对象&#xff0c;但里面的元素是原对象中各个子对象的引用。 浅拷贝有几种方法&#xff1a; 1、 使用数据类型本身的构造器 list1[1,2,3]list2 list(list1) # 使用了数据类型本身的构造器 list…...

编程日记 2025/6/8 4:14:27

VSCode - VSCode 放大与缩小代码

VSCode 放大与缩小代码 1、放大 点击顶部菜单栏【查看】 -> 点击外观 -> 点击【放大】 或者&#xff0c;使用快捷键&#xff1a;Ctrl # 操作方式先按住 Ctrl 键&#xff0c;再按 键2、缩小 点击顶部菜单栏【查看】 -> 点击外观 -> 点击【缩小】 或者&#x…...

编程日记 2025/6/8 4:13:25

消息队列处理模式：流式与批处理的艺术

&#x1f30a; 消息队列处理模式&#xff1a;流式与批处理的艺术 &#x1f4cc; 深入解析现代分布式系统中的数据处理范式 一、流式处理&#xff1a;实时数据的"活水" 在大数据时代&#xff0c;流式处理已成为实时分析的核心技术。它将数据视为无限的流&#xff0c;…...

编程日记 2025/6/8 4:12:23

11-Oracle 23ai Vector Embbeding和ONNX

Embedding &#xff08;模型嵌入&#xff09;是 AI 领域的一个核心概念 一、Embedding&#xff08;嵌入&#xff09;的含义 Embedding 是一种将 非结构化数据​&#xff08;如文本、图像、音频、视频&#xff09;转换为 数值向量的技术。 其核心是通过 嵌入模型​&#xff08;…...

编程日记 2025/6/8 4:11:21

Build a Large Language Model (From Scratch) 序章

关于本书 《从零构建大型语言模型》旨在帮助读者全面理解并从头创建类似GPT的大型语言模型&#xff08;LLMs&#xff09;。 全书首先聚焦于文本数据处理的基础知识和注意力机制的编码&#xff0c;随后指导读者逐步实现一个完整的GPT模型。书中还涵盖了预训练机制以及针对文本…...

编程日记 2025/6/8 4:10:18

【HarmonyOS 5】教育开发实践详解以及详细代码案例

以下是基于 ‌HarmonyOS 5‌ 的教育应用开发实践详解及核心代码案例&#xff0c;结合分布式能力与教育场景需求设计&#xff1a; 一、教育应用核心开发技术 ‌ArkTS声明式UI‌ 使用 State 管理学习进度状态&#xff0c;LocalStorageProp 实现跨页面数据同步&#xff08;如课程…...

编程日记 2025/6/8 4:09:16

NoSQL 之Redis哨兵

目录 一、Redis 哨兵模式概述 &#xff08;一&#xff09;背景与核心目标 &#xff08;二&#xff09;基本架构组成 &#xff08;三&#xff09;核心功能 二、哨兵模式实现原理 &#xff08;一&#xff09;配置关键参数 &#xff08;二&#xff09;哨兵节点的定时任务 …...

编程日记 2025/6/8 4:08:11

【nano与Vim】常用命令

使用nano编辑器 保存文件 &#xff1a; 按下CtrlO组合键&#xff0c;然后按Enter键确认文件名。 退出编辑器 &#xff1a; 按下CtrlX组合键。 使用vi或vim编辑器 保存文件 &#xff1a; 按Esc键退出插入模式&#xff0c;然后输入:w并按Enter键保存文件。 退出编辑器 &#xf…...

编程日记 2025/6/8 4:07:07

OpenCV 图像色彩空间转换与抠图

一、知识点: 1、色彩空间转换函数 (1)、void cvtColor( InputArray src, OutputArray dst, int code, int dstCn 0, AlgorithmHint hint cv::ALGO_HINT_DEFAULT ); (2)、将图像从一种颜色空间转换为另一种。 (3)、参数说明: src: 输入图像&#xff0c;即要进行颜…...

编程日记 2025/6/8 4:06:04

Amazing晶焱科技:电子系统产品在多次静电放电测试后的退化案例

在我们的电子设计世界里&#xff0c;ESD&#xff08;静电放电&#xff09;问题总是让人头疼。尤其是当客户面临系统失效的困境时&#xff0c;寻找一个能够彻底解决问题的方案就变得格外重要。这一次&#xff0c;我们要谈的是一个经典案例&#xff1a;电子系统产品在多次静电放电…...

编程日记 2025/6/8 4:05:00

Go 中的 Map 与字符处理指南

Go 中的 Map 与字符处理指南 在 Go 中&#xff0c;map 可以存储字符&#xff0c;但需要理解字符在 Go 中的表示方式。在 Go 语言中&#xff0c;"字符" 实际上有两种表示方法&#xff1a;byte&#xff08;ASCII 字符&#xff09;和 rune&#xff08;Unicode 字符&…...

编程日记 2025/6/8 4:03:51

互联网大厂Java求职面试：云原生架构下的微服务网关与可观测性设计

互联网大厂Java求职面试&#xff1a;云原生架构下的微服务网关与可观测性设计 郑薪苦怀着忐忑的心情走进了会议室&#xff0c;对面坐着的是某大厂的技术总监张总&#xff0c;一位在云原生领域有着深厚积累的专家。 第一轮面试&#xff1a;微服务网关的设计挑战 张总&#xf…...

编程日记 2025/6/8 4:01:06

C++中const关键字详解：不同情况下的使用方式

在 C 中&#xff0c;const 关键字用于指定一个对象或变量是常量&#xff0c;意味着它的值在初始化之后不能被修改。下面详细介绍 const 修饰变量、指针、类对象和类中成员函数的区别以及注意事项。 修饰变量 详细介绍 当 const 修饰变量时&#xff0c;该变量成为常量&#x…...

编程日记 2025/6/8 3:59:54

Java 2D 图形类总结与分类

一、基本形状类 这些类用于绘制简单的标准几何形状。 1. 圆形 / 椭圆类 Ellipse2D&#xff1a;椭圆基类&#xff0c;支持浮点精度。 子类&#xff1a; Ellipse2D.Double&#xff1a;双精度浮点坐标。Ellipse2D.Float&#xff1a;单精度浮点坐标。 参数&#xff1a;x, y, wid…...

编程日记 2025/6/8 3:58:26

C# 快速检测 PDF 是否加密，并验证正确密码

引言&#xff1a;为什么需要检测PDF加密状态&#xff1f; 在批量文档处理系统&#xff08;如 OCR 文字识别、内容提取、格式转换&#xff09;中&#xff0c;加密 PDF 无法直接操作。检测加密状态可提前筛选文件&#xff0c;避免流程因密码验证失败而中断。 本文使用 Free Spire…...

编程日记 2025/6/8 3:57:18

服务器信任质询

NSURLSession 与 NSURLAuthenticationMethodServerTrust —— 从零开始的“服务器信任质询”全流程 目标读者&#xff1a;刚接触 iOS 网络开发、准备理解 HTTPS 与证书校验细节的同学 出发点&#xff1a;搞清楚为什么会有“质询”、质询的触发时机、以及在 delegate 里怎么正确…...

编程日记 2025/6/8 3:56:13