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

ArcGIS 气象风场等示例 数据制作、服务发布及前端加载

news 2025/6/9 3:31:00

1. 原始数据为多维数据

以nc数据为例。
首先在pro中需要以多维数据的方式去添加多维数据，这里的数据包含uv方向：
在这里插入图片描述
在这里插入图片描述
加载进pro的效果：
在这里插入图片描述

这里注意 数据属性需要为矢量uv：
在这里插入图片描述
如果要发布为服务，需要导出存储为tif格式，然后发布影像服务（Image Service）即可（发布影像服务可参考服务发布相关博客）。（如果原始数据为crf等数据，同样也导出保存为tif格式，确认source type是uv vector-uv类型）

2. 原数据为tif多波段数据

如果source type 不是矢量uv，加入数据，并通过设置数据源类型工具，设置为矢量uv：
在这里插入图片描述
在这里插入图片描述
同样发布服务在catalog中右键数据发布影像服务即可。

3. 前端测试代码参考

官网地址参考：
https://developers.arcgis.com/javascript/latest/sample-code/layers-imagery-afrenderer/

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Flow</title><style>html,body,#viewDiv {width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;}</style><link rel="stylesheet" href="https://js.arcgis.com/4.27/esri/themes/light/main.css" /><script src="https://js.arcgis.com/4.27/"></script><script>require(["esri/Map","esri/views/MapView","esri/layers/MapImageLayer","esri/layers/ImageryLayer"], function(Map, MapView,MapImageLayer,ImageryLayer) {const layer = new ImageryLayer({url: "http://localhost:6080/arcgis/rest/services/uvtest/ImageServer",title: "Winds",renderer: {type: "flow", // autocasts to new FlowRenderertrailWidth: "2px",color: [50, 120, 240, 1],density: 1,flowSpeed: 10,},effect: "bloom(1.5, 0.5px, 0)"});var map = new Map({basemap: "streets-navigation-vector",layers:[layer]});var view = new MapView({container: "viewDiv",map: map,center: [104.5, 31],zoom: 13});});</script>
</head><body><div id="viewDiv"></div>
</body></html>

前端加载效果：
在这里插入图片描述

相关文章：

ArcGIS 气象风场等示例 数据制作、服务发布及前端加载

1. 原始数据为多维数据 以nc数据为例。 首先在pro中需要以多维数据的方式去添加多维数据&#xff0c;这里的数据包含uv方向&#xff1a; 加载进pro的效果&#xff1a; 这里注意 数据属性需要为矢量uv&#xff1a; 如果要发布为服务&#xff0c;需要导出存储为tif格式&…...

编程日记 2023/11/10 0:44:37

【Axure高保真原型】树切换动态面板案例

今天和大家分享树切换动态面板的原型模板&#xff0c;点击树的箭头可以打开或者收起子节点&#xff0c;点击最后一级人物节点&#xff0c;可以切换右侧面板的状态到对应的页面&#xff0c;左侧的树是通过中继器制作的&#xff0c;使用简单&#xff0c;只需要按要求填写中继器表…...

编程日记 2023/11/10 0:43:36

安装pr提示VCRUNTIME140.dll丢失的修复方法，3个有效的方法

在学习和工作中&#xff0c;我们经常需要使用到PR和PS。然而&#xff0c;在安装这些软件时&#xff0c;有时会遇到一些错误提示&#xff0c;其中之一就是“VCRUNTIME140.dll丢失”&#xff0c;无法运行启动软件程序。那么&#xff0c;如何解决VCRUNTIME140.dll丢失的问题呢&…...

编程日记 2023/11/10 0:42:35

Linux进程控制(2)

Linux进程控制(2) &#x1f4df;作者主页&#xff1a;慢热的陕西人 &#x1f334;专栏链接&#xff1a;Linux &#x1f4e3;欢迎各位大佬&#x1f44d;点赞&#x1f525;关注&#x1f693;收藏&#xff0c;&#x1f349;留言 本博客主要内容讲解了进程等待收尾内容和进程的程序…...

编程日记 2023/11/10 0:41:34

Android Glide transform旋转rotate圆图CircleCrop，Kotlin

Android Glide transform旋转rotate圆图CircleCrop&#xff0c;Kotlin import android.graphics.Bitmap import android.os.Bundle import android.util.Log import android.widget.ImageView import androidx.appcompat.app.AppCompatActivity import com.bumptech.glide.load…...

编程日记 2023/11/10 0:40:33

如何让群晖Audio Station公开共享的本地音频公网可访问？

文章目录 1. 本教程使用环境&#xff1a;2. 制作音频分享链接3. 制作永久固定音频分享链接&#xff1a; 之前文章我详细介绍了如何在公网环境下使用pc和移动端访问群晖Audio Station&#xff1a; 公网访问群晖audiostation听歌 - cpolar 极点云 群晖套件不仅能读写本地文件&a…...

编程日记 2023/11/10 0:39:33

生态环境领域基于R语言piecewiseSEM结构方程模型

结构方程模型&#xff08;Sructural Equation Modeling&#xff0c;SEM&#xff09;可分析系统内变量间的相互关系&#xff0c;并通过图形化方式清晰展示系统中多变量因果关系网&#xff0c;具有强大的数据分析功能和广泛的适用性&#xff0c;是近年来生态、进化、环境、地学、…...

编程日记 2023/11/10 0:38:32

spring boot+netty 搭建MQTT broken

一、项目结构 二、安装依赖 <!-- netty包 --><dependency><groupId>io.netty</groupId><artifactId>netty-all</artifactId><version>4.1.75.Final</version></dependency><!-- 常用JSON工具包 --><…...

编程日记 2023/11/10 0:37:30

从零开始搭建React+TypeScript+webpack开发环境-使用iconfont构建图标库

创建iconfont项目 进入iconfont官网&#xff0c;完成注册流程&#xff0c;即可创建项目。 无法访问iconfont可尝试将电脑dns改为阿里云镜像223.5.5.5和223.6.6.6 添加图标 在图标库里选择图标&#xff0c;加入购物车 将图标添加到之前创建的项目中 生成代码 将代码配置到项目…...

编程日记 2023/11/10 0:36:29

微服务之初始微服务

文章目录 一、服务架构演变1.单体架构2.分布式架构 二、认识微服务三、总结四、微服务技术对比五、SpringCloud注意 一、服务架构演变 1.单体架构 单体架构&#xff1a;将业务的所有功能集中在一个项目中开发&#xff0c;打成一个包部署。 优点&#xff1a; 架构简单部署成本…...

编程日记 2023/11/10 0:35:27

大口径智能水表支持最高水流量是多少？

随着科技的不断发展&#xff0c;我国城市化进程的加快&#xff0c;水资源管理日益受到重视。作为一种先进的用水计量设备&#xff0c;大口径智能水表凭借其高精度、低误差、远程抄表等优点&#xff0c;在市场上备受青睐。那么接下来&#xff0c;小编就来为大家详细的介绍一下大…...

编程日记 2023/11/10 0:34:25

在Spring Boot中使用MyBatis访问数据库

MyBatis&#xff0c;这个对各位使用Java开发的开发者来说还是蛮重要的&#xff0c;我相信诸位在企业开发项目的时候&#xff0c;大多数采用的是Mybatis。使用MyBatis帮助我们解决各种问题&#xff0c;实际上这篇文章&#xff0c;基本上默认为可以跳过的一篇&#xff0c;但是为了…...

编程日记 2023/11/10 0:33:24

懒羊羊闲话2

前言&#xff1a; 笔者谈不上是某个领域的高手&#xff0c;也不是大厂的某个神秘高手&#xff0c;一直游离于小型公司&#xff0c;写下这篇文章献给那些无法接触到好的学习环境&#xff0c;苦恼自己原地踏步的coder。 1、如何快速熟悉某个行业 作为一个编码多年的程序员&#…...

编程日记 2023/11/10 0:32:23

多路转接（上）——select

目录 一、select接口 1.认识select系统调用 2.对各个参数的认识 二、编写select服务器 1.两个工具类 2.网络套接字封装 3.服务器类编写 4.源文件编写 5.运行 一、select接口 1.认识select系统调用 int select(int nfds, fd_set readfds, fd_set writefds, fd_set ex…...

编程日记 2023/11/10 0:30:21

基于SSM的图书管理借阅系统设计与实现

末尾获取源码 开发语言&#xff1a;Java Java开发工具&#xff1a;JDK1.8 后端框架&#xff1a;SSM 前端&#xff1a;采用JSP技术开发 数据库&#xff1a;MySQL5.7和Navicat管理工具结合 服务器&#xff1a;Tomcat8.5 开发软件&#xff1a;IDEA / Eclipse 是否Maven项目&#x…...

编程日记 2023/11/10 0:29:20

Python的内存优化

在Python中&#xff0c;内存管理和优化是一个复杂的话题&#xff0c;因为它涉及到Python解释器的内部机制&#xff0c;特别是Python的垃圾收集和内存分配策略。Python通过自动垃圾收集机制管理内存&#xff0c;主要包括引用计数和标记-清除算法。 Python内存管理机制&#xff…...

编程日记 2023/11/10 0:28:19

蓝桥杯-回文日期[Java]

目录: 学习目标&#xff1a; 学习内容&#xff1a; 学习时间&#xff1a; 题目&#xff1a; 题目描述: 输入描述: 输出描述: 输入输出样例: 示例 1: 运行限制: 题解: 思路: 学习目标&#xff1a; 刷蓝桥杯题库日记 学习内容&#xff1a; 编号498题目回文日期难度…...

编程日记 2023/11/10 0:27:18

acwing算法基础之搜索与图论--树与图的遍历

目录 1 基础知识2 模板3 工程化 1 基础知识 树和图的存储&#xff1a;邻接矩阵、邻接表。 树和图的遍历&#xff1a;dfs、bfs。 2 模板 树是一种特殊的图&#xff08;即&#xff0c;无环连通图&#xff09;&#xff0c;与图的存储方式相同。 对于无向图中的边ab&#xff0c;…...

编程日记 2023/11/10 0:26:17

前端uniapp请求真是案例（带源码）

目录 案例一案例二最后 案例一 <template><view class"box"><!-- <view class"title-back" click"backPrivious"><</view> --><!-- <view class"title-back" click"backPrivious"…...

编程日记 2023/11/10 0:25:16

MySQL -- mysql connect

MySQL – mysql connect 文章目录 MySQL -- mysql connect一、Connector/C 使用1.环境安装2.尝试链接mysql client 二、MySQL接口1.初始化2.链接数据库3.下发mysql命令4.获取执行结果5.关闭mysql链接6.在C语言中连接MySQL 三、MySQL图形化界面推荐 使用C接口库来进行连接 一、…...

编程日记 2023/11/10 0:23:14

关于GitHub action云编译openwrt

特别声明：此教程仅你有成功离线编译的经验后，使用下列教程更佳 不建议没有任何成功经验的人进行云编译 1、准备工作 使用GitHub云编译模板 GitHub - jxjxcw/build_openwrt: 利用Actions在线云编译openwrt固件，适合官方源码，lede，lienol和immortalwrt源码，支持X86，电…...

编程新知 2025/6/9 2:17:49

Spark 之 AQE

个人其他链接 AQE 执行顺序https://blog.csdn.net/zhixingheyi_tian/article/details/125112793 AQE 产生 AQE 的 循环触发点 src/main/scala/org/apache/spark/sql/execution/adaptive/AdaptiveSparkPlanExec.scala override def doExecute(): RDD[InternalRow] = {withFin…...

编程新知 2025/6/9 1:55:08

电镀机的阳极是什么材质？

知识星球&#xff08;星球名&#xff1a;芯片制造与封测技术社区&#xff0c;点击加入&#xff09;里的学员问&#xff1a;电镀的阳极有什么讲究&#xff1f;什么是可溶性阳极和非可溶性阳极&#xff1f; 什么是可溶性阳极与非可溶性阳极&#xff1f; 可溶性阳极 阳极本身就是…...

编程新知 2025/6/8 22:06:47

Android LinearLayout、FrameLayout、RelativeLayout、ConstraintLayout大混战

一、为什么布局性能如此重要&#xff1f; 在Android应用中&#xff0c;布局渲染耗时直接决定了界面的流畅度。根据Google官方数据&#xff0c;超过60%的卡顿问题源于布局性能不佳。本文将彻底解析三大传统布局的性能奥秘&#xff0c;并提供可直接落地的优化方案。 二、三大布局…...

编程新知 2025/6/8 20:38:55

STM32开发中，线程启动异常问题排查简述

1. 参数传递问题 错误类型&#xff1a;线程属性错误地使用。影响&#xff1a;线程属性&#xff08;如堆栈大小、优先级&#xff09;不匹配可能导致线程创建失败或行为异常。验证方法&#xff1a;检查 线程创建的返回值&#xff0c;若为 NULL 则表示线程创建失败。 2. 系统资源…...

编程新知 2025/6/8 20:02:08

PDF图片和表格等信息提取开源项目

文章目录 综合性工具专门的表格提取工具经典工具 综合性工具 PDF-Extract-Kit - opendatalab开发的综合工具包&#xff0c;包含布局检测、公式检测、公式识别和OCR功能 仓库&#xff1a;opendatalab/PDF-Extract-Kit特点&#xff1a;功能全面&#xff0c;包含表格内容提取的S…...

编程新知 2025/6/8 19:54:42

Java应用10（客户端与服务器通信）

Java客户端与服务器通信 Java提供了多种方式来实现客户端与服务器之间的通信&#xff0c;下面我将介绍几种常见的方法&#xff1a; 1. 基于Socket的基本通信 服务器端代码 import java.io.*; import java.net.*;public class SimpleServer {public static void main(String…...

编程新知 2025/6/8 17:12:47

Python Excel 文件处理：openpyxl 与 pandas 库完全指南

在数据处理和分析过程中&#xff0c;Excel 文件是最常见的数据存储格式之一。Python 提供了多个库来处理 Excel 文件&#xff0c;其中 openpyxl 和 pandas 是最常用的两个库。它们各自有独特的优势&#xff0c;适用于不同的需求。本文将详细介绍如何使用这两个库来处理 Excel 文…...

编程新知 2025/6/8 16:01:27

【LRU】 (最近最少使用)

LRU (最近最少使用) 文章目录 LRU (最近最少使用)一、LRU是什么&#xff1f;二、实现1.常规算法2.双栈更替总结 一、LRU是什么&#xff1f; LRU&#xff08;Least Recently Used&#xff09;是一种常见的缓存淘汰策略&#xff0c;核心思想是 “淘汰最长时间未被使用的缓存数据…...

编程新知 2025/6/8 11:43:39

产品经理课程（十一）

&#xff08;一&#xff09;复习 1、用户需求不等于产品需求&#xff0c;挖掘用户的本质需求 2、功能设计的前提&#xff1a;不违背我们的产品的基础定位&#xff08;用一句话阐述我们的产品&#xff1a;工具&#xff1a;产品画布&#xff09; 3、判断设计好坏的标准&#xf…...

编程新知 2025/6/8 9:04:24