本文介绍了在内网环境中使用ArcGIS for JavaScript 4.20.2与Vue3结合，解决typescript支持和资源加载的问题。作者在尝试了@supermap/iclient-leaflet和leaflet+esri-leaflet后，因遇到各种问题转向使用ArcGIS。通过详细步骤展示了如何配置arcgis的静态资源，实现地图组件的本地化，并在Vue3项目中成功集成。
最近公司项目需要使用地图展示功能，地图图层由内网搭建的服务器提供，这儿主要记录本次使用地图的过程。为了在内网展示地图，本人尝试了leaflet+esri-leaflet, @supermap/iclient-leaflet, arcgis这几种技术，最终选择了arcgis。
为什么最终选择arcgis呢？我也是在开发中遇到了无数坑才最终确定的。
首先说说@supermap/iclient-leaflet, 通过npm install @supermap/iclient-leaflet安装后，引入需要的资源，在运行yarn serve后，出现报错信息，是echarts版本不兼容问题，我项目中使用的echarts版本为5.1.1，而@supermap/iclient-leaflet依赖的echarts版本为4.x，为此，我调整了项目中的echarts版本，使与@supermap/iclient-leaflet依赖的echarts版本一致，这个问题得到解决，但用yarn serve运行时，出现了elasticsearch相关的错误，这个错误花了我几天的时间，最终还是没有找到如何解决的问题，因此最终放弃了@supermap/iclient-leaflet。
在@suipermap/iclient-leaflet技术不成功后，我开始使用leaflet+ersi-leaflet,首先通过npm install leaflet， npm install @type/leaflet安装leaflet相关依赖，由于只安装leaflet不能使用内网发布的图层资源，看内网图层资源调用，需要用到ImageMapLayer， 所以通过npm
最低0.47元/天 解锁文章
621
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
