Contents 1 如何优雅地在JS中使用枚举 1.1 为什么使用枚举 1.2 如何解释 1.3 关于 如何优雅地在JS中使用枚举 为什么使用枚举 去魔法数字 枚举语义化 定义一体化:枚举值和枚举描述写在了一起...,不分散 使用方便:无需额外的过滤器 如何解释 去魔法数字 看如下代码 // bad 审核中 在代码书写中我们可以轻易的理解是状态等于WAIT,ERROR,即等待或失败 但是这样还不够简洁方便,例如:我们需要获取状态为1时的描述 我们可以这样做: const...p>当前状态:{STATUS.getDescFromValue(status)} 也可用通过枚举名称获取描述:{STATUS.getDesc('AUDITING')} 关于 由于js...没有枚举这一概念,借助JAVA思想,我们编写创建枚举方法 本文首发于:如何在JS中使用枚举定义
本文主要介绍下如何在国家天地图的底图上面使用ArcGIS JS API 4.16加载2000坐标系的倾斜摄影数据。...所需数据 国家天地图官网数据服务作为底图 自己发布的GCS 2000地理坐标系的倾斜摄影数据服务,对应wkid为4490 ArcGIS JS API 4.16 最新版 操作步骤 1、利用esri/layers...JS API虽然从4.12版本开始支持三维场景中加载2000坐标系服务,但是2000坐标系的切片服务目前仅支持ArcGIS Pro内置的切片方案,所以我们还需要定义一套切片规则来进行两个切片方案的转换...加载天地图并添加倾斜摄影数据 _initSceneView416 = () => { const _self = this; const options = { url: 'https://js.arcgis.com.../4.16/init.js', css: 'https://js.arcgis.com/4.16/esri/themes/light/main.css', }; loadModules
同时Esri也提供了多客户端入口,如ArcGIS Pro、Notebook server、Portal、ArcGIS Python API、ArcGIS JS API等,本文简述ArcGIS Pro中的处理流程...例如,可能会将左上方的无人机图像标记为人群,而将右侧数码照片标记为猫。这种类型的分类也称为对象分类或图像识别,可以在 GIS 中用于对图像中的要素进行分类。...此过程通常涉及在感兴趣要素周围绘制一个边界框,然后可以在 GIS 中使用它来定位卫星、航空或无人机影像中的特定要素并在地图上绘制这些要素。...---- 样本标记\标注 样本标记对应两个工具,在Imagery选项卡-Classification Tools下的Traning Samples Manager和Label Objects for...ArcGIS Pro支持CPU和GPU完成训练,切换到环境参数,设置训练环境: Parallel Processing Factor,并行处理因子,使用多核CPU进行训练,比如有八核,可以填4,使用四核
比列尺、鹰眼图、动态获取所在的经纬度 (传送门:https://blog.csdn.net/KK_bluebule/article/details/83414871) 2.地图禁止平移,禁止放大、缩小,隐藏放大缩小按钮...线和面,并与后台交互,存储到数据库中 (链接:https://blog.csdn.net/KK_bluebule/article/details/86680875) 二、对GraphicsLayer的使用...1.从数据库取值,地图上加载绘制点、线、面 (链接:https://blog.csdn.net/KK_bluebule/article/details/86680875?...js发布的图层鼠标浮上高亮显示,点击信息展示: https://blog.csdn.net/KK_bluebule/article/details/86675859 4.2 重写arcgis js 长度...blog.csdn.net/KK_bluebule/article/details/86678744 ---- ---- 暂时就想到这么多,等后面加在写上吧,这个会一直更新的,希望看到这篇博客的读者可以监督我,大家一起在GIS
“mouse-wheel”:当用户在地图上使用鼠标滚轮时触发。 “pointer-down”:当用户在地图上按下任意指针设备按钮(鼠标按钮、触摸屏等)时触发。...} from 'vue' import Map from '@arcgis/core/Map.js'; import MapView from '@arcgis/core/views/MapView.js...} from 'vue' import Map from '@arcgis/core/Map.js'; import MapView from '@arcgis/core/views/MapView.js...在该方法中,我们通过event对象获取到用户点击的页面像素坐标。然后,使用view.toMap(screenPoint)方法将页面像素坐标转换为地图上的经纬度坐标。...} from 'vue' import Map from '@arcgis/core/Map.js'; import MapView from '@arcgis/core/views/MapView.js
先声明一下:文中提到的很多技术都与Arcgis相关,主要的原因是博主主要使用的是Arcgis系列产品,没有其他任何原因。 1.数据是GIS的血液 数据是GIS的血液,为什么这么说呢?...(注意:计算投影坐标系代号,选择正确的投影) ②使用FME工具,将CAD图纸中的图层转换为arcgis中的图层,简单快捷,但是存在问题(坐标信息是基于CAD图纸中的坐标的,一次转换后结果是否正确完全取决于图形在...如下图,图上位置与屏幕位置一致即可认为位置正确 ?...3.思考 首先就是对Arcgis和CAD之间区别的思考。我认为应该有以下几点: (1)二者的空间基础不同,CAD主要使用平面坐标系,地理坐标系使用的少;而ArcGIS则是二者兼顾。...(2)空间尺度和应用场景不同,CAD主要是小范围的平面区域,用于精细的工程建设,或者在自建的平面坐标系下进行平面设计;Arcgis则是大尺度的,概化的,用于地理事物的展示与分析。
SuperMap平台下WEB地图开发套件的使用。...SuperMap.js为总库文件,支持所有功能。SuperMap.Includ.js是引用文件,用来在内部统一引用上述JS和其他CSS资源文件。...图层就像一块透明的玻璃,在一块玻璃上画一朵花,在另一块玻璃上画一席草,重叠两块玻璃,由上而下俯视,从而形成图像显示效果。地图上呈现丰富的元素也同样是由图层组成。...地图可以添加一个或者多个图层,通过在图层上标记或绘制,组合显示用户所需要的最终效果。...构建SuperMap云地图 本例讲解内容是,结合SuperMap云服务发布的图层CloudLayer的创建,并完成对地图的放大、缩小,图层的隐藏、移除等基础功能的演示,以及完成矢量覆盖物和标记覆盖物的添加
SDK本地化部署指在本地Web Server上的部署,在API文件夹arcgis_js_api\library\3.18\install_win.html中有官方的部署文档,基本过程如下: 复制 \arcgis_js_api..."/arcgis_js_api/library/3.18/3.18/"例如"127.0.0.1/arcgis_js_api/library/3.18/3.18" 脚本中使用本地化SDK...使用在线API时 ,即所谓Content Delivery Network (CDN),对应要素替换为: js.arcgis.com.../3.18/esri/css/esri.css" /> https://js.arcgis.com/3.18 二、打开地图 一个最基本的打开地图的应用脚本,使用由ERSI提供的缺省数据,以及...当然,如果我们的应用数据全部由Arcgis维护,在地图上显示自己的应用信息就和显示地图一样简单,常用FeatureLayer图层对象进行此类数据的管理。
2、客户端 Mashup:将来自不同服务器、不同类型的服务在客户端聚合后统一呈现给客户。 3、图形绘制:在地图上交互式地绘制查询范围或地理标记等。...目前叧能在 ArcGIS for Desktop 软件中使用该服务,该服务只能在桌面中使用 四、主要服务具备的能力 上面我们介绍了服务对应的资源类型和服务具备的能力,不同的服务具有不同的能力以及支持不同的操作...,在使用ArcGIS API for Javascript 的时候,其实就是在使用这些REST API 使用这些服务对外的能力,了解每种服务的具体功能,在开发的时候就可以根据需求做到游刃有余。...发布好一个地图服务时,我们进入到 ArcGIS for Server 的管理页面,可以看到非常详细的信息,下图是我发布的一个叫做JsMap 的 2D 地图动态服务,在功能选项卡中可以看到该服务可以支持的功能以及每种功能支持的操作...Feature Access 提供对地图上矢量要素的访问和编辑。 Mobile Data Access 允许从移动设备访问地图文档中的数据。 WMS 使用符合 OGC WMS 标准服务提供的操作。
它包含一个 GCS,但它使用数学(投影算法)和其他参数将该 GCS 转换为平面。它的单位是线性的,最常见的是米。 ? GCS 是数据了解地球表面确切位置所必需的。在平面地图上绘制数据需要 PCS。...该投影是所述数学算法定义如何呈现圆接地平面地图上。...您可以在支持的地图投影列表 中查看 ArcGIS 中可用的所有投影(https://pro.arcgis.com/zh-cn/pro-app/latest/help/mapping/properties...您可以在坐标系详细信息窗口中找到 WKID。一旦知道了这个数字,就可以方便地在以后搜索坐标系。 ?...您可以选择要使用的转换。如果您的数据使用与地图不同的 GCS,并且您不使用地理变换,则数据将绘制在错误的位置。 要了解更多信息,可以查阅ARCGIS帮助中的动态投影和地理变换。 ?
主要介绍如何用ArcGIS JS API 4.14实现在二维地图中添加图片的操作。...需求描述 将一张图片叠加到ArcGIS地图上是现在很多项目的一个广泛需求,通过查阅网上资料后发现这种需求目前只有四种方法可以实现,因为ArcGIS JS API官网并没有提供相应的图片类图层来让我们实例化图片图层...既然目前没有这类API图层,那我们就自己来找找其他的路子吧,刚才提到过实现将图片叠加到地图上的方法目前有四种,分别如下: 通过ArcGIS知乎上有人提到过的使用Graphic来实现,其实就是将图片当做一个...Symbol; 通过类似于ArcGIS JS API 3.X中的MapImage模块来实现; 通过扩展MapImageLayer来实现; 通过JS API官网上的BaseDynamicLayer这个类来实现...通过类似于ArcGIS JS API 3.X中的MapImage模块来实现 在ArcGIS JS API 3.X和ArcGIS JS API 4.X中都有MapImage模块,在3.X版本中可以通过这个模块来实例化一个图片信息类
本文主要介绍下如何使用ArcGIS JS API对后台接口返回的数据进行渲染,文章中的后台返回数据使用单独的配置文件来处理,详情请看文章内容。...在项目中为了实现点选查询,是在ArcGIS Server里面发布了一个要素服务,然后将其添加到地图上渲染,并实现了鼠标的点选查询功能,那这个功能可不可以不通过发布服务来实现呢?...然后我再项目里安装了esri-loader插件,因为要在Vue的demo里要使用ArcGIS JS API,所以要用到这东西,如果大家对这个过程不了解的话请移步至另一篇文章《【番外】 Vue中使用ArcGIS.../4.15/init.js', css: 'https://js.arcgis.com/4.15/esri/themes/light/main.css', };.../4.15/init.js', css: 'https://js.arcgis.com/4.15/esri/themes/light/main.css',
在使用Openlayer的时候可以npm install openlayers --save也可以使用 npm install ol --save 明显感觉前面安装特别慢。...现在来说他们默认采用的是 ES module 构建,推荐在 angular vue react 这些构建型的项目使用 `ol` 包,`openlayers` 包是通过特殊的构建命令转过去的,主要是为了解决直接引用的方式...加载标记点的一种方法是通过新建矢量图层,把所有的点加到这个矢量图层上,完整代码 // 加载openLayer地图 showOpenLayerMap(){ let tileLayer...地图,并且不会存在跨域的问题,arcGis for js 会存在跨域问题 source = new ol.source.XYZ({ url:...12, }), target: "OLMap", layers: [tileLayer], }); }, // 在地图上画点
当我们使用ArcGIS JS API开发项目时,经常会用到地图测量控件,用于测量地图上两点之间的距离、一片区域的面积或周长等,但是ArcGIS JS API测量控件自带的默认样式是黄白相间的大粗线,这在用户看来是很不美观的...问题描述 在使用ArcGIS API for JavaScript 4.17开发项目时,有一个需求是需要在地图上添加距离测量和面积测量的控件,这其实很简单,直接调用ArcGIS JS API自带的测量控件就可以实现...解决思路 遇到这种需求的话,下意识就去看看ArcGIS JS API的官网有没有提供可以直接使用的API,但是经过一番查找后发现是没有的,那接下来就只能找找其他的地图JS库里面有没有了,如果有的话就试试能不能用于...ArcGIS的底图,其实除了这种做法之外还有另一种做法,就是找到ArcGIS JS API的源码文件,直接改里面的css样式代码就可以,最后在”AriaGIS“大佬的帮助下发现确实是行得通的,但是考虑到目前项目中使用的...ArcGIS JS API地址是在线的官网地址,所以没法用这种方法,那就只能再想想其他办法了。
本文主要介绍使用ArcGIS JS API 4.14和eCharts 4.7.0来实现在地图上绘制二维图表中的柱状图的实现步骤。...概述 ArcGIS API for JavaScript目前提供的图表绘制接口十分有限,而且样式也并不美观,当我们在地图上添加相应的图表的时候,还是需要结合目前市面上其他的图表可视化插件来做。...本文就介绍下如何使用ArcGIS API for JavaScript 4.14版本和eCharts 4.7.0来实现这个需求。...首先来看下最终的效果: 实现思路 此需求的实现完全是纯前端的解决方法,接下来简要介绍下实现思路: 先实现一张基础的二维地图; 在地图上添加eCharts图表; 监听地图的视图变化事件,重绘图表大小...: [104.072043,30.663724] //地图中心点为成都 }); }); 2、然后在地图上绘制
鹰眼地图是一种在地图上显示一个小的缩略图,用来表示当前地图的范围和位置的工具。它可以让我们在查看细节的同时,也能看到整体的情况,方便我们进行导航和定位。...它还可以让我们通过拖动或者缩放鹰眼地图上的矩形框,来改变主地图的视图范围,实现同步更新。在本文中,我将介绍如何用C#语言和ArcGIS Engine的控件和类库,实现一个简单的鹰眼地图功能。...在绘制前,先清除鹰眼地图中之前绘制的矩形框,以避免重叠和混乱。然后,创建了一个 IRectangleElement 对象,用于表示矩形框的元素,并将其几何形状设置为 IEnvelope 参数。...使用了ArcObjects接口和类,如IGraphicsContainer、IRectangleElement、IRgbColor、ILineSymbol、IFillSymbol等,用于在鹰眼地图上绘制一个矩形框...处理了鹰眼地图上的鼠标事件,如OnMouseDown、OnMouseMove、OnMouseUp等,用于移动或改变矩形框的位置和大小,并相应地改变主地图的视图范围。
http://www.weatherbug.com/ 技术选择 有许多商业产品能够近乎实时地显示地理空间数据。...能够在各种图表中显示数据,并将它们与地图上的图表相结合。...https://developers.google.com/maps/documentation/javascript/tutorial 5.Three.js:使用WebGL在Web浏览器中创建3D图形...性能 一次在地图上显示数十万个点在技术上具有挑战性,并且可能不是很有用。人们发现很难以原始格式解释这些数据。 为了解决这些问题,通常使用热图或点集合来聚合点。...使用three.js的2D WebGL热图 Leaflet.heat插件:这可以在不到1秒的时间内下载并渲染超过10K的点数。
看到网上的萤火虫效果后,也想在前端通过ArcGIS JS API来实现一下,所以感兴趣的话就跟我一起来看看吧。...概述 前几天在看帖子的时候发现有大佬使用ArcGIS Pro和Portal制作了萤火虫的渲染效果,感觉前端可视化的时候还不错,所以自己也将实例数据下载下来之后用ArcGIS JS API来实现了一下,我们先来看一下最终的效果...2、首先我们定义一张二维地图,代码如下: let _self = this; let option = { url: 'https://js.arcgis.com/4.15/init.js',.../arcgis/rest/services/Hosted/xuqwtest2d/FeatureServer" }); map.add(layer); 4、到上述步骤为止,其实我们的数据已经添加到地图上了...JS API实现萤火虫渲染效果的全部过程,其实这个过程很简单,就是给我们的数据图层指定一个渲染方案就可以实现,此处我们使用的渲染图片的透明图片。
地图上也可能显示比示例影像更新的影像。 在底部工具栏上,单击多次下一个以浏览 170 个可用图像中的一些图像。 当前图像与时间线上的标记一起显示在地图上。...当添加到 GIS 应用程序(例如 ArcGIS Pro)时,会将级别 1 GeoTIFF 数据产品自动置于其坐标位置中,以供分析使用。...启动 ArcGIS Pro。如果收到系统提示,请使用您获得许可的 ArcGIS 帐户登录。 注: 如果没有 ArcGIS Pro 或 ArcGIS 帐户,则可以注册 ArcGIS 免费试用版。...打开 ArcGIS Pro 后,您可以选择创建新工程或打开已存在的工程。如果您之前创建了一个工程,您将看到一个最近工程列表。 在新建下,单击地图。 地图模版将使用默认底图创建工程。...短波红外 1 波段也可用于突显植被并最大限度地减少影像中云的出现。 您将更改通过红色、绿色和蓝色通道显示的 3 个波段。 在符号系统窗格中,设置以下参数: 地图上的影像自动发生更改。
本文主要介绍使用ArcGIS JS API 4.14和eCharts 4.7.0来实现在地图上绘制网络路径图的实现步骤,包括二维和三维。...概述 前面两篇文章通过扩展EchartsLayer.js这个图层类,实现了使用ArcGIS JS API和eCharts,在二维和三维场景下绘制迁徙图和散点图。...JS API来完成地图上这类图表的绘制,eCharts官网也提供了相应的扩展插件,但这种插件并不能很好地支持我们ArcGIS JS API的高版本,所以我们在这篇文章里直接扩展了一个图层类,下面是具体的实现思路...插件,具体的实现过程可查看我的这篇文章【【番外】 React中使用ArcGIS JS API 4.14开发】,里面有具体的实现步骤。...关于将eCharts中普通的二维图表绘制到ArcGIS底图上的操作,因为不涉及地理坐标的问题,所以我们通过纯前端的方式即可解决,具体实现请看这篇文章【01 【ArcGIS JS API + eCharts