arcgis+vue 使用总结

最新推荐文章于 2025-06-15 17:12:31 发布

weixin_45395412

最新推荐文章于 2025-06-15 17:12:31 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：做事遇到的问题

本文链接：https://blog.youkuaiyun.com/weixin_45395412/article/details/103425368

本文总结了在Vue项目中使用arcgis-javascript-API-4.12的经验，包括通过esri-loader引入API，实现本地化，添加地图小工具如鹰眼图和前后视图，地图框选功能，以及处理跨域问题的方法。通过实例代码展示了如何在Vue中初始化地图并确保模块顺序正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一 arcgis-javascript-API-4.12 在vue里使用

1 npm esri-loader

vue 里面用arcgis for javascript API 需要安装 esri-loader 安完之后引入
在这里插入图片描述
loadCss();
loadModules(this.gisModules).then(this.loadMap);
//加载默认css/API 从arcgis 官网上加载
或者
//加载本地化的API 或CSS样式
loadCss(“http://…”);
loadModules(this.gisModules,“http://…”).then(this.loadMap);
gisModules: [
“esri/Map”,
“esri/views/MapView”,
“esri/layers/MapImageLayer”,
“esri/layers/TileLayer”,
“esri/layers/FeatureLayer”,
“esri/widgets/LayerList”,
“esri/widgets/AreaMeasurement2D”,
“esri/widgets/DistanceMeasurement2D”,
“esri/widgets/Zoom”,
“esri/widgets/Zoom/ZoomViewModel”,
“esri/geometry/Point”,
“esri/Graphic”,
“esri/tasks/QueryTask”,
“esri/tasks/support/Query”,
“esri/geometry/SpatialRefe