From 2f3eae99313ee8803dbd33751738e4f77d082d72 Mon Sep 17 00:00:00 2001 From: WX <1377869194@qq.com> Date: 星期一, 24 七月 2023 14:09:28 +0800 Subject: [PATCH] 图层树 --- src/assets/js/Map/index.js | 29 ++++++++------ src/assets/js/Map/server.js | 29 ++++++++------ src/views/layer/layerDetail.vue | 4 +- src/views/layer/layerManage.vue | 4 + 4 files changed, 39 insertions(+), 27 deletions(-) diff --git a/src/assets/js/Map/index.js b/src/assets/js/Map/index.js index 3501290..603594e 100644 --- a/src/assets/js/Map/index.js +++ b/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(), diff --git a/src/assets/js/Map/server.js b/src/assets/js/Map/server.js index d792466..d2f9b6c 100644 --- a/src/assets/js/Map/server.js +++ b/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) { diff --git a/src/views/layer/layerDetail.vue b/src/views/layer/layerDetail.vue index be47681..47d26cd 100644 --- a/src/views/layer/layerDetail.vue +++ b/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(" + diff --git a/src/views/layer/layerManage.vue b/src/views/layer/layerManage.vue index 4b33b1e..a3a7be0 100644 --- a/src/views/layer/layerManage.vue +++ b/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; } -- Gitblit v1.9.3