arcgis加载wtms数据

Posted 2021-09-10 友人A

这是wtms服务地址，一定要记得加tile

http://***.***.***.***:6080/arcgis/rest/services/***/***/MapServer/tile/

export const CustomWMTS = async (val) => {
  let BaseTileLayer = await arcgisPackage.BaseTileLayer;
  let Request = await arcgisPackage.Request;
  let TDT = await BaseTileLayer.createSubclass({
    properties: {
      urlTemplate: null,
      layerType:\'wmts\'
    },
    getTileUrl: function (level, row, col) {
      let url =val + level + \'/\' + row + \'/\' + col
      return url;
    },
    fetchTile: function (level, row, col) {
      let url = this.getTileUrl(level, row, col);
      return Request(url, {
        responseType: "image",
      }).then((response) =>{
        let image = response.data;
        let width = this.tileInfo.size[0];
        let height = this.tileInfo.size[0];

        let canvas = document.createElement("canvas");
        let context = canvas.getContext("2d");
        canvas.width = width;
        canvas.height = height;

        context.drawImage(image, 0, 0, width, height);

        return canvas;
      })
    },
  });
  let layer = await new TDT();
  return layer
}