vue+arcgis api开发，加载地图的一个实例

最新推荐文章于 2025-07-22 11:32:08 发布

D_bel

最新推荐文章于 2025-07-22 11:32:08 发布

阅读量9.5k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： arcgis for js vue

本文链接：https://blog.youkuaiyun.com/D_bel/article/details/99290974

本文介绍如何在Vue项目中使用esriLoader来引入ArcGIS API，并创建地图组件。在IE浏览器下，由于Promise不被支持，需要引入polyfill.min.js或使用bluebird.js进行处理。同时，针对在Chrome和IE11下运行esri-load可能出现的问题提供了解决方案链接。

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

1. 首先和传统的开发一样，需要引入js文件和css文件，但是因为是用vue来开发，所以传统的通过标签的方式来引入的方法不适用了，arcgis官网给我们提供了一个工具"esriLoader"，这是他的npm地址esri-loader。（命令：npm install --save esri-loader）

2. 在项目中新建一个arcgis的配置文件，名称叫mapConfig.js（这个名字可以自定义）

内容：

/*
arcgis初始化配置
*/

window._base_path = "http://localhost:8860";
window._base_kuangjia = "http://localhost:8860";
window._arcgis_js_apiUrl = "http://localhost:8860/arcgis_js_api/library/4.12/";
window._base_landServer = "";

export function arcgisConfig () {
  window.arcgis = {
    config: {
      proxyUrl: 'http://localhost:8860/arcgis_js_api/library/4.12/init.js',
      baseUrl: window._arcgis_js_apiUrl + 'init.js',