Browse Source

脚本替换、paramseters字段、

DESKTOP-GBVU60Q\dell 1 year ago
parent
commit
6e5818df4b
4 changed files with 39 additions and 28 deletions
  1. 4 5
      index.html
  2. 0 0
      public/jt3dSDK/jt3d.es.js
  3. 34 22
      src/views/Map3d/components/layer.vue
  4. 1 1
      src/views/Map3d/components/map.vue

+ 4 - 5
index.html

@@ -34,7 +34,6 @@
 
 				function refreshRem() {
 					var width = docEl.getBoundingClientRect().width;
-					console.log('宽度',typeof(width))
 					maxWidth = maxWidth || 1920;
 					if(!width || width < 1000){
 						width = 1000
@@ -43,7 +42,7 @@
 					}
 
 					console.log('宽度2', width)
-					width > maxWidth && (width = 192000);
+					width > maxWidth && (width = 1920);
 
 					var rem = width * 1 / designWidth;
 					remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
@@ -73,13 +72,13 @@
 				}, false);
 
 				if (doc.readyState === "complete") {
-					doc.body.style.fontSize = "16rem";
+					doc.body.style.fontSize = "16px";
 				} else {
 					doc.addEventListener("DOMContentLoaded", function(e) {
-						doc.body.style.fontSize = "16rem";
+						doc.body.style.fontSize = "16px";
 					}, false);
 				}
-			})(1920, 192000);
+			})(1920, 1920);
 		</script>
 
 	</body>

File diff suppressed because it is too large
+ 0 - 0
public/jt3dSDK/jt3d.es.js


+ 34 - 22
src/views/Map3d/components/layer.vue

@@ -26,12 +26,16 @@
 		<!-- :default-checked-keys="checkedkeys"  默认勾选的节点的 key 的数组-->
 		<!-- :default-expanded-keys="expandedKeys" 默认展开的节点的 key 的数组-->
 		<!-- @node-click 节点单击事件 -->
-		<el-tree :data="treeData" :default-expanded-keys="expandedKeys" :default-checked-keys="checkedkeys" node-key="id" class="tree-line" ref="treeRef">
+		<el-tree :data="treeData" :default-expanded-keys="expandedKeys" :default-checked-keys="checkedkeys"
+			node-key="id" class="tree-line" ref="treeRef">
 			<template #default="{ node, data }">
 				<!-- 复选框 -->
-				<el-checkbox v-if="data.ischeck == '1' && store.userport == 'PC'" v-model="node.checked" :indeterminate="node.indeterminate" :disabled="!!node.disabled" @change="handleCheckBoxChange($event, data, node)">
+				<el-checkbox v-if="data.ischeck == '1' && store.userport == 'PC'" v-model="node.checked"
+					:indeterminate="node.indeterminate" :disabled="!!node.disabled"
+					@change="handleCheckBoxChange($event, data, node)">
 				</el-checkbox>
-				<el-switch v-else-if="data.ischeck == 1 && store.userport == 'APP'" width="30rem" size="small" v-model="node.checked" @change="handleCheckBoxChange($event, data, node)" />
+				<el-switch v-else-if="data.ischeck == 1 && store.userport == 'APP'" width="30rem" size="small"
+					v-model="node.checked" @change="handleCheckBoxChange($event, data, node)" />
 				<span class="custom-tree-node" @click="handleClick(data)" style="width: 150rem;text-align: left;">
 					<!-- 字体、图标 -->
 					<!-- <span>
@@ -54,7 +58,8 @@
 				<!-- 透明度 -->
 				<template v-if="node.checked && data.opacity >0">
 					<div style="width: 80rem; padding: 0 20rem; position: absolute; right: 0">
-						<el-slider v-model="data.opacity" @input="handleSliderChange($event, data)" :max="1" :min="0.1" :step="0.1" />
+						<el-slider v-model="data.opacity" @input="handleSliderChange($event, data)" :max="1" :min="0.1"
+							:step="0.1" />
 					</div>
 				</template>
 			</template>
@@ -109,7 +114,8 @@
 				let _node = this.$refs.treeRef.getNode(data);
 				if (_node.isLeaf) {
 					this.setLayersControl(jt3d, data, checked);
-					this.$refs.treeRef.setChecked(_node, checked); //是否设置子节点,默认为false,利用tree组件渲染后带有的isLeaf(是否为叶子节点)属性,如果为叶子节点就选中。利用tree的API就实现了正确的回显效果	
+					this.$refs.treeRef.setChecked(_node,
+						checked); //是否设置子节点,默认为false,利用tree组件渲染后带有的isLeaf(是否为叶子节点)属性,如果为叶子节点就选中。利用tree的API就实现了正确的回显效果	
 
 				} else {
 					//控制子节点
@@ -481,8 +487,10 @@
 														imageryLayers.lowerToBottom(window[serviceId]);
 														imageryLayers.raise(window[serviceId]);
 														if (layertype === '标注') {
-															var imageryLayers = jt3d._viewer.imageryLayers;
-															imageryLayers.raiseToTop(window[serviceId]);
+															var imageryLayers = jt3d._viewer
+																.imageryLayers;
+															imageryLayers.raiseToTop(window[
+																serviceId]);
 														}
 													}
 												});
@@ -513,38 +521,42 @@
 						case "WebMapServiceImageryProvider": //WMS地图服务
 							if (checked) {
 								data.isinit = '1';
-
+								console.log('参数配置', data.datasource)
+								// http://10.88.88.9:6080/arcgis/services/LYBQZ_YX_102100_202201/MapServer/WMSServer?request=GetCapabilities&service=WMS
 								//设置参数
 								let _options = {
 									id: _serviceId,
 									url: data.datasource,
-									layers: "SDYTMP:map_zrzy_water_polylon",
 									alpha: _opacity
 								}
 								if (parameterset) {
 									if (parameterset.layers) { //WMTS请求的层名
 										_options.layers = parameterset.layers;
-
+										_options.parameters = parameterset.parameters
+										
 										if (parameterset.minimumLevel) { //最小层级
 											_options.minimumLevel = parameterset.minimumLevel;
 										}
 										if (parameterset.maximumLevel) { //最大层级
 											_options.maximumLevel = parameterset.maximumLevel;
 										}
-
+										// console.log('option')
 										jt3d.layer.addWebMapService(_options, function(serviceId) {
-
+											console.log('添加成功')
 											//重置图层顺序
-											_self.setLayerNumber(jt3d, serviceId)
-											if (atlastype === "底图") {
-												var imageryLayers = jt3d._viewer.imageryLayers;
-												imageryLayers.lowerToBottom(window[serviceId]);
-												imageryLayers.raise(window[serviceId]);
-												if (layertype === '标注') {
-													var imageryLayers = jt3d._viewer.imageryLayers;
-													imageryLayers.raiseToTop(window[serviceId]);
-												}
-											}
+											// _self.setLayerNumber(jt3d, serviceId)
+											var imageryLayers = jt3d._viewer.imageryLayers;
+											console.log('添加成功', imageryLayers)
+											imageryLayers.raiseToTop(window[serviceId]);
+											// if (atlastype === "底图") {
+											// 	var imageryLayers = jt3d._viewer.imageryLayers;
+											// 	imageryLayers.lowerToBottom(window[serviceId]);
+											// 	imageryLayers.raise(window[serviceId]);
+											// 	if (layertype === '标注') {
+											// 		var imageryLayers = jt3d._viewer.imageryLayers;
+											// 		imageryLayers.raiseToTop(window[serviceId]);
+											// 	}
+											// }
 										});
 									} else {
 										ElMessage("请检测图层表parameterset字段是否设置layers");

+ 1 - 1
src/views/Map3d/components/map.vue

@@ -198,7 +198,7 @@
 					isRetainDrawPoint: true, //绘制完成是否保留绘制点
 					iconType: 'blue',
 				});
-				jt3d.DrawMilitaryPlot = new this.jt3dSDK.DrawMilitaryPlot(jt3d._viewer);
+				// jt3d.DrawMilitaryPlot = new this.jt3dSDK.DrawMilitaryPlot(jt3d._viewer);
 
 				jt3d.LocateUtil = new this.jt3dSDK.LocateUtil(jt3d._viewer);
 

Some files were not shown because too many files changed in this diff