vue2中使用 arcgis for js 的个人总结基础知识 ( 一 )

因为项目需要使用vue2开发gis地图信息，在查阅众多资料后做一个记录方便自己后续查看

使用的是arcgis 4.21版本，离线部署

离线部署的具体方式可以去搜索其他文章，这里不再具体展开

初始代码如下：

      let option = {
        url: "http://20.221.21.214:8080/arcgisDemo/argis_js_4.21/init.js", // 注释掉就是使用官网的CDN，但是更建议使用离线部署的地址
        css: "http://20.221.21.214:8080/arcgisDemo/argis_js_4.21/esri/css/main.css",
      };

      loadModules(
        [
          "esri/Map",
          "esri/layers/TileLayer",
          "esri/views/MapView",
          "esri/config",
        ],
        option
      ).then(
        ([Map, TileLayer, MapView, Config]) => {
          Config.fontsUrl = "http://20.221.21.214:8080/arcgisFont/"; // 离线字体文件
          this.layer = new TileLayer({
            url: "http://20.211.11.26:6080/cdznjtgis/arcgis/rest/services/ditu/2D-4326-white-baseMap/MapServer",
          });