From 12075d0fa73d963ff5d6dbc4727fb95fb6084961 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期五, 01 三月 2024 09:32:40 +0800 Subject: [PATCH] 代码更新 --- src/assets/js/Map/server.js | 103 ++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 77 insertions(+), 26 deletions(-) diff --git a/src/assets/js/Map/server.js b/src/assets/js/Map/server.js index 13a78f1..74ee15b 100644 --- a/src/assets/js/Map/server.js +++ b/src/assets/js/Map/server.js @@ -2,17 +2,20 @@ //閰嶇疆鏂囦欢鍦板潃 // import config from "../../../../public/config/config"; import store from "@/store"; +import { nextTick } from "vue"; const server = { layerList: [], graticules: null, alpha: null,//閫忔槑搴� - + geoLayer: [], + geoUrl: null, + wmsLayerId: null, addTreeData(treeNode) { - if (!treeNode.checked) { - this.delLayer(treeNode.id); - return; - } - + // if (!treeNode.checked) { + // this.delLayer(treeNode.id); + // return; + // } + this.alpha = this.getResLayersAlpha(treeNode); //鍒ゆ柇鏄惁涓轰唬鐞� if (treeNode.proxy) { @@ -159,7 +162,8 @@ this.setAddWmtsLayer(res); break; case 3: //WMS - this.setAddWmsLayer(res); + // this.setAddWmsLayer(res); + this.setAddGeoWmsLayer(res) break; } }, @@ -179,7 +183,8 @@ case 0: //URL break; case 3: //WMS - this.setAddWmsLayer(res); + // this.setAddWmsLayer(res); + this.setAddGeoWmsLayer(res) break; case 4: //WFS break; @@ -260,7 +265,9 @@ ellipsoid: Cesium.Ellipsoid.MOON, }), }) + var imageLayer = window.Viewer.imageryLayers.addImageryProvider(urlTemplateImageryProvider); + imageLayer.id = res.id imageLayer.alpha = this.alpha; @@ -284,7 +291,7 @@ return 1; } else { var id = std[0].id; - var val= null; + var val = null; var layers = window.Viewer.imageryLayers._layers; for (var i in layers) { if (layers[i].id == id) { @@ -292,9 +299,9 @@ return layers[i].alpha; } } - if(!null){ + if (!null) { return 1 - } + } } }, //鍔犺浇鍦板舰鏈嶅姟 @@ -313,8 +320,9 @@ }, //鍔犺浇WMS鏈嶅姟 setAddWmsLayer(res) { - + var url = this.getLayrUrl(res); + var img_layer = sgworld.Creator.createImageryProvider( "giserver", "wms", @@ -384,7 +392,7 @@ //娓呴櫎鍥惧眰 delLayer(code) { - + this.layerList.forEach((e, i) => { if (e.id === code) { switch (e.type) { @@ -437,10 +445,11 @@ } }, //鍔犺浇GeoServer-WMS鏈嶅姟 - setAddGeoWmsLayer(res) { - this.delLayer(res.id) + setAddGeoWmsLayer(res, alpha) { + // var url = res.url; var that = this; + this.delLayer(res.id) var getFeatureInfoFormat = new SmartEarth.Cesium.GetFeatureInfoFormat( "html", null, @@ -454,12 +463,12 @@ } else { url = url; } - + let layer = new SmartEarth.Cesium.WebMapServiceImageryProvider({ url: url, layers: res.tab, - id:res.id, - getFeatureInfoParameters: { info_format: "text/html" }, + id: res.id, + getFeatureInfoParameters: { info_format: "text/html", srs: "EPSG:104903" }, enablePickFeatures: true, getFeatureInfoFormats: [getFeatureInfoFormat], parameters: { @@ -471,13 +480,16 @@ tileWidth: 512, tileHeight: 512, }); - layer.name = `Wms_Layer${res.id}`; + let img_layer = window.Viewer.imageryLayers.addImageryProvider(layer); + img_layer.name = `Wms_Layer${res.id}`; img_layer.id = res.id - img_layer.alpha = this.alpha; + img_layer.alpha = alpha ? alpha : 1; this.layerList.push({ id: res.id, layerData: img_layer, type: "wmts" }); }, addGeoServerMmsLayers(layer, url) { + this.geoLayer = layer; + this.geoUrl = url; var that = this; var getFeatureInfoFormat = new SmartEarth.Cesium.GetFeatureInfoFormat( "html", @@ -492,10 +504,15 @@ } else { url = url; } + + if (!this.wmsLayerId) { + this.wmsLayerId = new Date(); + } let wmslayer = new SmartEarth.Cesium.WebMapServiceImageryProvider({ url: url, + id: this.wmsLayerId, layers: layer.toString(), - getFeatureInfoParameters: { info_format: "text/html" }, + getFeatureInfoParameters: { info_format: "text/html", srs: "EPSG:104903" }, enablePickFeatures: true, getFeatureInfoFormats: [getFeatureInfoFormat], parameters: { @@ -507,13 +524,47 @@ tileWidth: 512, tileHeight: 512, }); - wmslayer.name = `Wms_Layer_geo`; - let img_layer = window.Viewer.imageryLayers.addImageryProvider(wmslayer); - this.layerList.push({ id: res.id, layerData: img_layer, type: "wmts" }); - }, + let img_layer = window.Viewer.imageryLayers.addImageryProvider(wmslayer); + img_layer.id = this.wmsLayerId; + this.layerList.push({ id: this.wmsLayerId, layerData: img_layer, type: "wmts" }); + }, + getGeoLayerChangeAlpha(res) { + var std = []; + for (var i in this.geoLayer) { + if (this.geoLayer[i] != res.tab) { + std.push(this.geoLayer[i]) + } + } + this.geoLayer = []; + this.geoLayer = std; + var imageLayers = window.Viewer.imageryLayers._layers; + for (var i in imageLayers) { + if (imageLayers[i].id == this.wmsLayerId) { + + window.Viewer.imageryLayers.remove(imageLayers[i]) + } + } + for (var i in this.layerList) { + if (this.layerList[i].id == this.wmsLayerId) { + this.layerList.splice(i, 1) + } + } + if (this.geoLayer.length > 0) { + this.addGeoServerMmsLayers(this.geoLayer, this.geoUrl) + } + this.setAddGeoWmsLayer(res); + for (var i in this.layerList) { + if (this.layerList[i].id == res.id) { + return { + id: i, + layer: this.layerList[i] + }; + break; + } + } + }, getFeatureInfo(html) { - store.state.details.showDetails = false; var start = html.indexOf('<caption class="featureInfo">') + '<caption class="featureInfo">'.length; -- Gitblit v1.9.3