VueCLI使用ArcGIS API for JavaScript（一）

安装依赖

// 安装依赖
npm i esri-loader -S

//页面使用
import * as esri from 'esri-loader';

//但我使用的是3.33版本的，所以又引入了3.33版本的
//直接在mounted里使用,
mounted() {
  esri.loadScript({ url: 'https://js.arcgis.com/3.33/' })
  esri.loadCss('https://js.arcgis.com/3.33/esri/css/esri.css')
}

初始化

使用esri的API时，需要引入对应的API，按需引入即可
我这里是引用ArcGIS Server里的图层
所以初始化也只需要引入Map以及加载图层的API即可ArcGISDynamicMapServiceLayer
直接上代码吧

initMap() {
  esri.loadModules([
    'esri/map',
    'esri/layers/ArcGISDynamicMapServiceLayer',
    'dojo/domReady!',
  ], { css: true })
  .then(([
    Map,
    ArcGISDynamicMapServiceLayer,
  ]) => {
    //实例化地图
    this.map = new Map("map", {
      slider: false, //缩放按钮移除
      logo: false //logo移除
    });

    //加载图层
    let mapServer = new ArcGISDynamicMapServiceLayer(this.url)
    this.map.addLayer(mapServer)
  })
},

成果如下

刚入门，不足之处请见谅