Agent Skills
返回列表
ArcGIS JavaScript 地图开发

ArcGIS JavaScript 地图开发

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_d03b9e2c/arcgis-js。

技能介绍

解决的问题

在 ArcGIS Maps SDK for JavaScript 中做地图应用,真正消耗时间的往往不是“画一张图”,而是在 @arcgis/core 的图层、视图、渲染、组件和空间分析之间反复选型:SceneLayer、IntegratedMeshLayer、GraphicLayer 何时优先?RenderNode 自定义 WebGL 如何接入?分级色、唯一值、颜色/大小/透明度变量怎样落到代码?Viewshed、Line of Sight 又依赖哪些服务?这个技能面向这些具体开发问题,提供可执行的 API 组合与代码路径。

工作方式

  • 3D 场景优先:默认从 SceneView 入手,可基于天地图、组件化模式或本地资源初始化,适合建筑物、点云、体素、集成网格等场景。
  • 图层与渲染:覆盖 FeatureLayer、ImageryLayer、SceneLayer、PointCloudLayer、IntegratedMeshLayer、VoxelLayer,并结合 ClassBreaksRenderer、UniqueValueRenderer 和 visual variables 完成数据驱动符号化。
  • 自定义 WebGL:围绕 RenderNode 与 Mesh 处理顶点、索引、UV、法线和自绘效果。
  • 空间分析与组件:支持高程剖面、通视、视域、阴影、点聚合,以及 Search、Legend、LayerList、Sketch、Editor 等 UI 组件。
  • 工程流程:从需求确认、环境检查、图层选择、代码实现,到图层销毁、事件清理和大数据分块加载,形成可验证的实现路径。

适用边界

该技能偏重前端地图渲染与 SDK 集成,不替代 GIS 服务发布、坐标系统治理或后端空间数据库设计。使用天地图底图需要准备 API 密钥;空间分析通常依赖对应分析服务;涉及 @arcgis/map-components、@arcgis/charts-components 时仍需检查项目版本与组件兼容性。

使用场景

  • 为城市建筑项目制作可旋转 3D 场景,加载 SceneLayer 与 IntegratedMeshLayer 展示模型。
  • 实现自定义 WebGL 渲染,用 RenderNode 和 Mesh 绘制法线、顶点与索引效果。
  • 对监测数据做分级色和唯一值渲染,并接入 Search、Legend、LayerList 组件。
  • 执行视域分析、通视分析和高程剖面,生成空间分析结果图层。

适合人员

  • 前端地图工程师:需要在 Web 应用中集成 ArcGIS 2D/3D 图层并调试渲染。
  • GIS 应用开发者:要用 FeatureLayer、ImageryLayer 和可视化变量呈现业务数据。
  • 三维可视化工程师:要基于 RenderNode 与 Mesh 实现自定义 WebGL 效果。
  • 空间分析工程师:要调用视域、通视、高程剖面等分析能力并接入前端。