发布管理，模型挂附件功能修改，模型编辑功能修改，模型挂附件页面添加地下模式功能;官网一张图漫游效果修改，图层管理功能优化

Surpriseplus

2023-03-25 e285f391c74460d4a3e093e9d8f349c70b37bb6d

 src/views/exportMap/index.vue

@@ -109,7 +109,7 @@
              node-key="id"
              :props="defaultProps"
              :default-expanded-keys="[1]"
              @check-change="handleTreeNodeClick"
              @check="handleTreeNodeClick"
              ref="tree"
            >
            </el-tree>
@@ -318,14 +318,14 @@
        { label: "A2", value: "A2" },
        { label: "A3", value: "A3" },
        { label: "A4", value: "A4" },
        { label: "A5", value: "A5" },
        { label: "A6", value: "A6" },
        // { label: "A5", value: "A5" },
        // { label: "A6", value: "A6" },
      ],
      value: "A4",
      treeData: [],
      arrList: [],
      layername: [
        1, 2, 5, 13, 15, 31
        1, 2, 5, 13, 15, 16, 31
      ],
      defaultProps: {
        children: "children",
@@ -348,7 +348,7 @@
  mounted() {
    this.LayerStart()
    this.initMap()
    this.showMapLayer()

  },
  methods: {
    setTreeData(source) {
@@ -371,6 +371,7 @@

      var val = [];
      var std = [];
      var layerWMS = [];
      for (var i in res) {
        var str = res[i];

@@ -380,7 +381,7 @@
          if (str.isShow == 1) {

            std.push(str.id)
            this.showMapLayer(str)
            layerWMS.push(str)
            this.tableData.push({
              name: str.cnName,
              ename: str.enName,
@@ -392,23 +393,42 @@
      var res = this.setTreeData(val);
      this.treeData = res;
      this.$refs.tree.setCheckedKeys(std)
      this.showMapLayer(layerWMS);

    },
    setClearMap() {
      var layers_ol = mapView.getAllLayers();
      for (var i in layers_ol) {
        var layerOl = layers_ol[i];
        if (layerOl.values_.name == "Wms_Layer") {
          mapView.removeLayer(layers_ol[i]); //显示图层
        }
      }
    },
    showMapLayer(val) {
      if (val == undefined) return;
      if (val.serveType == "WMS") {
      if (val) {
        this.setClearMap();
        var url = [];
        for (var i in val) {
          if (val[i].url) {
            url.push(val[i].url)
          }

        }
        url = url.reverse()
        console.log(url)
        var layer2 = new Image({
          name: val.cnName,
          name: "Wms_Layer",
          source: new ImageWMS({
            crossOrigin: "anonymous",
            url: geoServerURl,

            params: {
              FORMAT: "image/png",
              VERSION: "1.1.1",
              LAYERS: val.url,
              LAYERS: url.toString(),
            },
          }),
        })
        });
        mapView.addLayer(layer2)
      }

@@ -583,10 +603,10 @@
        val_data.push(this.tableData[i].ename)
      }
      if (this.isActive) {
        val_data.push("矢量图")
        val_data.push("高德矢量")
      } else {
        val_data.push("影像注记")
        val_data.push("影像图")
        // val_data.push("影像注记")
        val_data.push("高德影像")
      }
      this.setExportMapLayer(val_data)
      this.showMapApply = false
@@ -594,39 +614,55 @@
    },
    handleClose() { },
    handleTreeNodeClick(data, nodes) {
      if (data.children != null) return
      var value = this.$refs.tree.getCheckedNodes();

      var layers = mapView.getAllLayers()
      for (var i in layers) {
        var layer = layers[i]
        var str = 0
        if (layer.values_.name == data.cnName) {
          layer.setVisible(nodes) //显示图层
          if (nodes == true) {
            str++
            this.tableData.push({
              name: data.cnName,
              ename: data.enName
            })
          } else {
            this.tableData.some((item, i) => {
              if (item.name === data.cnName) {
                this.tableData.splice(i, 1)
              }
            })
          }
      this.showMapLayer(value)

      var std = [];
      for (var i in value) {
        if (value[i].type == 2) {
          var str = value[i]
          std.push({
            name: str.cnName,
            ename: str.enName,
          })
        }
      }

      if (str == 0 && nodes == true) {
        this.showMapLayer(data)
        this.tableData.push({
          name: data.cnName,
          ename: data.enName,
        })
      }
      this.tableData = std;
      // if (data.children != null) return

      // this.tableData = this.arrList
      // var layers = mapView.getAllLayers()
      // for (var i in layers) {
      //   var layer = layers[i]
      //   var str = 0
      //   if (layer.values_.name == data.cnName) {
      //     layer.setVisible(nodes) //显示图层
      //     if (nodes == true) {
      //       str++
      //       this.tableData.push({
      //         name: data.cnName,
      //         ename: data.enName
      //       })
      //     } else {
      //       this.tableData.some((item, i) => {
      //         if (item.name === data.cnName) {
      //           this.tableData.splice(i, 1)
      //         }
      //       })
      //     }
      //   }
      // }

      // if (str == 0 && nodes == true) {
      //   this.showMapLayer(data)
      //   // this.tableData.push({
      //   //   name: data.cnName,
      //   //   ename: data.enName,
      //   // })
      // }

      // // this.tableData = this.arrList
    },
    setAddMapLayer() {
      this.dialogVisible = false
@@ -658,14 +694,14 @@
          url: "http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6",
        }),
      })
      var GaoDeTitle = new TileLayer({
        source: new XYZ({
          url: "http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8",
        }),
      })
      // var GaoDeTitle = new TileLayer({
      //   source: new XYZ({
      //     url: "http://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8",
      //   }),
      // })
      window.mapView = new Map({
        target: "mapView",
        layers: [TiandiLayer, GaoDeLayer, GaoDeTitle],
        layers: [TiandiLayer, GaoDeLayer],
        view: new View({
          center: transform([105.02, 34.9], "EPSG:4326", "EPSG:3857"),
          zoom: 4,
@@ -686,11 +722,11 @@
    setLayerVisible() {
      if (this.isActive == true) {
        mapView.getLayers().item(1).setVisible(false)
        mapView.getLayers().item(2).setVisible(false)
        // mapView.getLayers().item(2).setVisible(false)
        mapView.getLayers().item(0).setVisible(true)
      } else {
        mapView.getLayers().item(1).setVisible(true)
        mapView.getLayers().item(2).setVisible(true)
        // mapView.getLayers().item(2).setVisible(true)
        mapView.getLayers().item(0).setVisible(false)
      }
    },
@@ -710,6 +746,7 @@
    width: 100%;
    height: 70px;
    padding-left: 20px;
    margin: 0;
  }
  .left_Menu {
    z-index: 40;