Vue.js2+ArcGIS3一、初始化地图

Github

ArcGIS

ArcGIS 官方文档

一、安装 ArcGIS 官方加载依赖 esri-loader

esri-loader 官网

npm install esri-loader --save-dev

二、初始化地图

InitMap.vue

esri-loader 方法：

• getScript () 从库里面获取 js 文件
• isLoaded () 检测模块是否加载完成
• loadModules( [ ], options) 用于加载 arcgis 模块
• loadCss( url ) 用于加载 css 文件
• loadScript({url: “xxxxxxxx” }) 将 js 加载到页面上

如果将依赖部署到了本地或其他服务器上，需要修改 init.js，否则依赖可能会加载失败，在 init.js 中搜索：

baseUrl:

修改后边地址，例如：

baseUrl:"http://localhost/js.arcgis.com/3.32/dojo"

也可以设置为动态地址，通过 js 获取当前文件所在的服务器地址：

baseUrl:document.scripts[document.scripts.length - 1].src.substring(0, document.scripts[document.scripts.length - 1].src.lastIndexOf("/") + 1) + "/dojo"