基于亦庄一张图系统为模板创建的Demo系统
surprise
2024-04-16 f51e0da4c397110b2916a9dc371b6d745042029d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
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;