Arcgis for js 加载本地影像数据VUE版本

引入BaseTileLayer 来创建TMSLayer对象。

ArcGIS JS API 本身不带有 TMSLayer 对象，但可以使用 BaseTileLayer 的 createSubclass 方法定义一个 TMSLayer 。我们需要给 TMSLayer 定义一个 urlTemplate 属性并重写getTileUrl方法。 核心在于 ： 在重写 getTileUrl 方法时，对 y 轴编号做转置处理。 通过这一步告知 ArcGIS API 请求瓦片时，哪个才是正确的瓦片编号。 代码如下：

 let TMSLayer = BaseTileLayer.createSubclass({
        properties: {
          urlTemplate: null
        },
        getTileUrl: function (z, y, x) {
          let y2 = Math.pow(2, z) - y - 1;
          return this.urlTemplate
            .replace("{z}", z)
            .replace("{x}", x)
            .replace("{y}", y2);
        },
      });
      let tmsLayer = new TMSLayer({
        urlTemplate: "http://localhost:xxx/{z}/{x}/{y}.png"
      });

    this.localMap=new Basemap({
        baseLayers: [tmsLayer],
      });

 将离线的切片服务加载

 imgMapClick() {
      if (shows == true) {
        this.basicMap.esriMap.basemap = this.localMap;

      } 
    }