图层树

WX

2023-07-24 2f3eae99313ee8803dbd33751738e4f77d082d72

图层树

 src/assets/js/Map/index.js

@@ -17,14 +17,13 @@

    //贴地线

    SmartEarth.Cesium.ExternalParameter.changeApproximateTerrainHeights = true
    SmartEarth.Cesium.ExternalParameter.changeApproximateTerrainHeights = true;
    //页面初始化
    this.earthCtrl = new SmartEarth.EarthCtrl("cesiumContainer", {
      StaticFileBaseUrl: config.StaticFileBaseUrl,
      ellipsoidCoordinates: "MOON",
      timeline: true
      timeline: true,
    });


    window.earthCtrl = this.earthCtrl;

@@ -47,17 +46,23 @@

    // server.AddTmsLayer(config.moonTms);
    server.AddWmtesLayer(config.moonWmts);
    var terrain = new Cesium.CesiumTerrainProvider({
      url: config.moonTerrain,
      tilingScheme: new Cesium.GeographicTilingScheme({
        ellipsoid: Cesium.Ellipsoid.MOON,
      }),
    });
    window.Viewer.terrainProvider = terrain;
    // var terrain = new Cesium.CesiumTerrainProvider({
    //   url: config.moonTerrain,
    //   tilingScheme: new Cesium.GeographicTilingScheme({
    //     ellipsoid: Cesium.Ellipsoid.MOON,
    //   }),
    // });
    // window.Viewer.terrainProvider = terrain;

    // server.AddTmsLayer("http://172.16.2.10:50001/sj_raster/v6/service/10003901/1");
    // server.AddTmsLayer(
    //   "http://172.16.2.10:50001/sj_raster/v6/service/10003901/1"
    // );

    // server.AddGeoWmsLayer();
    server.AddGeoWmsLayer(
      "http://192.168.22.198:8090/geoserver/moon/wms",
      "111",
      "moon:Ageo_copernican_period"
    );
    // var param = {
    //     name: labelName,
    //     id: earthCtrl.factory.createUUID(),

 src/assets/js/Map/server.js

@@ -1,7 +1,7 @@
import { getToken } from "@/utils/auth";
const server = {
  addTreeData(treeNode, checked) {
    console.log(treeNode, checked);
  addTreeData(treeNode) {
    console.log(treeNode);
    let _data = earthCtrl.ProjectTree.getObject(treeNode.id);
    let pID = 0;
    console.log(_data);
@@ -64,8 +64,9 @@
        treeNode.useUrl = treeNode.url;
        break;
      case 3:
        var token = getToken();
        treeNode.useUrl = BASE_URL + treeNode.proxy.replace("{token}", token);
        treeNode.useUrl = treeNode.url;
        // var token = getToken();
        // treeNode.useUrl = BASE_URL + treeNode.proxy.replace("{token}", token);
        break;
    }
    if (treeNode.firm == 2) {
@@ -75,9 +76,9 @@
    }
  },
  addGisServer(treeNode) {
    console.log(treeNode);
    console.log(1111111111111111111, treeNode);
    // 0-URL，1-TMS，2-WMTS，3-WFS，4-Tileset';
    switch (treeNode.category) {
    switch (treeNode.type) {
      case 1:
        this.AddTmsLayer(treeNode.useUrl);
        break;
@@ -91,12 +92,13 @@
    }
  },
  addGeoServer(treeNode) {
    console.log(222222222222222222222222222, treeNode);
    // 0-URL，1-TMS，2-WMTS，3-WFS，4-Tileset';
    switch (treeNode.category) {
    switch (treeNode.type) {
      case 1:
        break;
      case 2:
        this.AddGeoWmsLayer(treeNode.useUrl);
        this.AddGeoWmsLayer(treeNode.useUrl, treeNode.id, treeNode.tab);
        break;
      case 3:
        break;
@@ -105,15 +107,18 @@
    }
  },
  //添加geoserver服务wms服务
  AddGeoWmsLayer(url) {
  AddGeoWmsLayer(url, id, tab) {
    console.log(url);

    window.layerWMS = new SmartEarth.Cesium.WebMapServiceImageryProvider({
      // url: "http://192.168.22.198:8090/geoserver/moon/wms",
      // id: id,
      url: url,
      layers: "moon:lunar_place_nane",
      layers: tab,
      parameters: {
        transparent: true,
        format: "image/png",
        srs: "EPSG:4490",
        srs: "EPSG:104903",
        styles: "",
      },
      tileWidth: 512,
@@ -121,7 +126,7 @@
    });
    layerWMS.name = "Wms_Layer";

    Viewer[s].imageryLayers.addImageryProvider(window.layerWMS);
    Viewer.imageryLayers.addImageryProvider(window.layerWMS);
  },
  //添加GisServer服务TMS切片服务
  AddTmsLayer(url) {

 src/views/layer/layerDetail.vue

@@ -67,7 +67,7 @@
  {
    value: "Option2",
    label: "Option2",
    url: "https://img2.baidu.com/it/u=3727554264,855092936&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",
    url: "https://img1.baidu.com/it/u=3226786080,888437008&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200",
  },
];
const emits = defineEmits(["detailClose"]);
@@ -85,7 +85,7 @@
    let aa = stretchOptions[index];
    let value = aa.value;
    if (brand === value) {
      console.log(select.value);
      console.log(select.value.$el.children);
      select.value.$el.children[0].children[0].setAttribute(
        "style",
        "background:url(" +

 src/views/layer/layerManage.vue

@@ -354,7 +354,9 @@
const getLayer = async () => {
  const dt = await layer_selectAll();
  if (dt.code == 200) {
    treeData.value = setTreeData(dt.result);
    treeData.value = setTreeData(dt.result).sort(function (a, b) {
      return a.sort - b.sort;
    });
    layerListData.value = dt.result;
  }