Blazor应用中不使用IJSRuntime集成ArcGIS .NET的实现教程咨询

关键事实澄清 #

• Esri 官方 ArcGIS Maps SDK for .NET 原生仅支持桌面端（WPF/WinForms/MAUI）渲染，不存在直接适配Blazor WebAssembly/Server浏览器渲染的官方组件，官方指南全部使用XAML编写桌面端示例，无法直接迁移到Blazor场景，这是你适配效果差的根本原因。
• 不存在完全脱离JavaScript的ArcGIS Web端渲染方案，所有你想要的“直接用Blazor/C#操控地图、不需要自己写IJSRuntime”的效果，本质是封装层替你完成了底层JS互操作，你的业务代码里不需要出现IJSRuntime调用即可。

可落地的实现路径 #

• 最贴合你的需求：组件封装方案。目前Esri已发布针对Blazor的ArcGIS SDK封装包，可通过Nuget直接安装。安装后你可以在razor页面直接写原生Blazor组件，比如<MapView>、<GraphicsLayer>、<SketchWidget>，通过C#属性赋值、事件绑定直接操控地图，所有底层的JS调用、对象同步逻辑都由封装包内部完成，你的业务代码完全不需要接触IJSRuntime。这种方式和你当前写的JS实现能力完全对齐，支持你现在用到的图例、比例尺、绘图工具、坐标转换等所有部件。
• 完全无JS/无IJSRuntime：纯后端渲染方案。如果是Blazor Server场景，可在后端通过ArcGIS .NET SDK生成动态地图图片/静态切片，通过Blazor原生的<img>标签渲染到前端，缩放、点击、图层切换等交互全部通过Blazor原生事件回传后端重新生成地图，全程不需要前端JS介入，也不需要IJSRuntime，适合低交互的地图展示场景。

你现有实现的代码问题修正 #

你当前写的JS初始化代码存在两处逻辑错误，会导致功能异常：

1. 图层声明顺序错误：初始化WebMap时引用了还未实例化的graphicsLayer，会抛出未定义变量的错误，需要把new GraphicsLayer()的实例化代码放到WebMap初始化逻辑之前。
2. 功能冗余：同时手写了坐标显示DOM节点、又初始化了官方CoordinateConversion部件，页面会出现两个重复的坐标展示块，可删除手写DOM的逻辑，把自定义坐标格式配置到官方部件的参数里即可。

学习资源提示 #

目前没有面向新手的成体系免费入门教程，最实用的参考资料是对应Nuget包仓库内的官方示例项目，所有示例都是可直接运行的Blazor代码，不需要对照原XAML指南做转换；Esri开发者文档中针对Blazor封装章节的控件属性、事件说明，可直接对照使用。

内容的提问来源于stack exchange，提问作者Cslim