const historyLayer = {
  leftLayer: null,
  rightLayer: null,
  url: null,
  conf: null,
  LeftInit(res) {
    this.getUrl(res);
    this.addLeftMapLayer(res);
  },
  RightInit(res) {
    this.getUrl(res);
    this.addRightMapLayer(res);
  },
  getUrl(res) {
    if (res.type == "DOM") {
      this.conf = "_16m_tiles";
      this.url = config.historyUrl + "/DOM16m_Tiles/";
    } else if (res.type == "FVC") {
      this.conf = "_16m_FVC_RGB";
      this.url = config.historyUrl + "/FVC16m_Tiles/";
    }
  },
  addLeftMapLayer(res) {
    if (this.leftLayer) {
      this.removeLeftMapLayer();
    }
    var url = this.url + res.name + this.conf;
    this.leftLayer = Viewer.imageryLayers.addImageryProvider(
      new Cesium.UrlTemplateImageryProvider({
        url: url + "/{z}/{x}/{y}.png",
      })
    );

    Viewer.imageryLayers.lowerToBottom(this.leftLayer);

    Viewer.imageryLayers.raise(this.leftLayer);
    Viewer.imageryLayers.raise(this.leftLayer);
  },
  addRightMapLayer(res) {
    if (this.rightLayer) {
      this.removeRightMapLayer();
    }
    var url = this.url + res.name + this.conf;
    this.rightLayer = Viewer2.imageryLayers.addImageryProvider(
      new Cesium.UrlTemplateImageryProvider({
        url: url + "/{z}/{x}/{y}.png",
      })
    );

    Viewer2.imageryLayers.lowerToBottom(this.rightLayer);
    Viewer2.imageryLayers.raise(this.rightLayer);
    Viewer2.imageryLayers.raise(this.rightLayer);
  },
  removeLeftMapLayer() {
    Viewer.imageryLayers.remove(this.leftLayer);
    this.leftLayer = null;
  },
  removeRightMapLayer() {
    Viewer2.imageryLayers.remove(this.rightLayer);
    this.rightLayer = null;
  },
};

export default historyLayer;