| | |
| | | :props="defaultProps" |
| | | ref="tree" |
| | | class="el-tree" |
| | | @check-change="handleCheckChange" |
| | | @check="handleCheckChange" |
| | | :filter-node-method="filterNode" |
| | | > |
| | | <div |
| | |
| | | var std = [] |
| | | var layer_list = [] |
| | | var layer_groups = [] |
| | | var layerData = []; |
| | | for (var i in data.result) { |
| | | if (data.result[i].type == 1) { |
| | | layer_groups.push({ |
| | |
| | | layer_list.push(layer_entity) |
| | | if (data.result[i].isShow == 1) { |
| | | std.push(data.result[i].id) |
| | | this.setAddImageLayer(layer_entity) |
| | | layerData.push(data.result[i]) |
| | | // this.setAddImageLayer(layer_entity) |
| | | } |
| | | } |
| | | } |
| | |
| | | this.treeData = layer_groups |
| | | |
| | | this.$refs.tree.setCheckedKeys(std) |
| | | this.setShowImageLayer(layerData) |
| | | }, |
| | | handleCheckChange(data, checked, indeterminate) { |
| | | if (data.children != null) return |
| | | var std = [] |
| | | for (var i = 0; i < Viewer.imageryLayers._layers.length; i++) { |
| | | var val_id = Viewer.imageryLayers._layers[i].imageryProvider.name |
| | | if (val_id == data.label) { |
| | | std.push(data.label) |
| | | const img_layer = Viewer.imageryLayers._layers[i] |
| | | img_layer.show = checked |
| | | // if (data.children != null) return |
| | | // var std = [] |
| | | // for (var i = 0; i < Viewer.imageryLayers._layers.length; i++) { |
| | | // var val_id = Viewer.imageryLayers._layers[i].imageryProvider.name |
| | | // if (val_id == data.label) { |
| | | // std.push(data.label) |
| | | // const img_layer = Viewer.imageryLayers._layers[i] |
| | | // img_layer.show = checked |
| | | // } |
| | | // } |
| | | // if (std.length == 0 && checked == true) { |
| | | // this.setAddImageLayer(data) |
| | | // } |
| | | this.setClearWmsLayer() |
| | | var value = this.$refs.tree.getCheckedNodes(); |
| | | var url = []; |
| | | for (var i in value) { |
| | | if (value[i].resource && value[i].type == 2) { |
| | | |
| | | url.push(value[i].resource) |
| | | } |
| | | } |
| | | if (std.length == 0 && checked == true) { |
| | | this.setAddImageLayer(data) |
| | | url = url.reverse(); |
| | | this.setAddImageLayer(url) |
| | | }, |
| | | |
| | | setShowImageLayer(res) { |
| | | this.setClearWmsLayer() |
| | | var url = []; |
| | | for (var i in res) { |
| | | url.push(res[i].enName) |
| | | } |
| | | url = url.reverse(); |
| | | this.setAddImageLayer(url) |
| | | }, |
| | | setClearWmsLayer() { |
| | | for (var i = 0; i < window.Viewer.imageryLayers._layers.length; i++) { |
| | | var val_id = window.Viewer.imageryLayers._layers[i].imageryProvider.name; |
| | | if (val_id == "Wms_Layer") { |
| | | window.Viewer.imageryLayers.remove( |
| | | window.Viewer.imageryLayers._layers[i] |
| | | ); |
| | | } |
| | | } |
| | | }, |
| | | |
| | | |
| | | setAddImageLayer(res) { |
| | | let layerWMS = new Cesium.WebMapServiceImageryProvider({ |
| | | var layerWMS = new Cesium.WebMapServiceImageryProvider({ |
| | | url: geoServerURl, |
| | | layers: res.resource, |
| | | layers: res.toString(), |
| | | parameters: { |
| | | transparent: true, |
| | | format: "image/png", |
| | | srs: "EPSG:4490", |
| | | styles: "", |
| | | }, |
| | | }) |
| | | layerWMS.name = res.label |
| | | Viewer.imageryLayers.addImageryProvider(layerWMS) |
| | | tileWidth: 512, |
| | | tileHeight: 512, |
| | | }); |
| | | layerWMS.name = "Wms_Layer"; |
| | | window.Viewer.scene.imageryLayers.addImageryProvider(layerWMS); |
| | | }, |
| | | changeMenulayer() { |
| | | this.isActive = !this.isActive |