From 19a4741002f4208bf7fc951cbf3219897af5699a Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期四, 26 十月 2023 16:41:22 +0800 Subject: [PATCH] 标绘查询修改 --- src/views/plotting/plotting.vue | 49 ++++++++++++++++++++++++++----------------------- 1 files changed, 26 insertions(+), 23 deletions(-) diff --git a/src/views/plotting/plotting.vue b/src/views/plotting/plotting.vue index a794809..73a8ea8 100644 --- a/src/views/plotting/plotting.vue +++ b/src/views/plotting/plotting.vue @@ -163,13 +163,13 @@ disableDepthTestDistance: Number.POSITIVE_INFINITY, }, }); - var point = turf.point([geom.lat, geom.lng]); + var point = turf.point([geom.lng, geom.lat]); var wkt = WKT.convert(point.geometry); list.value.push({ name: name, - layer: layer, + // layer: layer, icon: "d.png", wkt: wkt, lng: geom.lng, @@ -180,10 +180,11 @@ const setAddEntityPolyline = (res) => { var std = []; var res_val = res.polyline.positions.getValue(); - + var coord = []; for (var i in res_val) { var geom = setCartesianToEightFour(res_val[i]); std.push(geom.lng, geom.lat); + coord.push([geom.lng, geom.lat]); } var name = "Plyline#" + plotNum.value.line; var layer = Viewer.entities.add({ @@ -192,21 +193,20 @@ positions: Cesium.Cartesian3.fromDegreesArray(std), width: 6, material: lineColor.value, - clampToGround: true, + //clampToGround: true, + heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //璁剧疆 HeightReference 楂樺害鍙傝�冪被鍨嬩负 CLAMP_TO_GROUND 璐村湴绫诲瀷 + //classificationType: Cesium.ClassificationType.BOTH, //璐村湴褰㈠拰3dtile BOTH 鎴� CESIUM_3D_TILE 鎴� TERRAIN + verticalOrigin: Cesium.VerticalOrigin.CENTER, // 鍨傜洿浣嶇疆 + horizontalOrigin: Cesium.HorizontalOrigin.CENTER, // 姘村钩浣嶇疆 }, }); - var linestring = turf.lineString([ - [-24, 63], - [-23, 60], - [-25, 65], - [-20, 69], - ]); - + var linestring = turf.lineString(coord); + console.log(linestring); var wkt = WKT.convert(linestring.geometry); list.value.push({ wkt: wkt, name: name, - layer: layer, + // layer: layer, icon: "x.png", }); plotNum.value.line++; @@ -230,9 +230,10 @@ outline: true, outlineColor: lineColor.value, outlineWidth: 2, - classificationType: Cesium.ClassificationType.BOTH, //璐村湴褰㈠拰3dtile + classificationType: Cesium.ClassificationType.BOTH, //璐村湴褰㈠拰3dtile BOTH 鎴� CESIUM_3D_TILE 鎴� TERRAIN clampToGround: true, //寮�鍚创鍦� height: 0, + heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, //璁剧疆 HeightReference 楂樺害鍙傝�冪被鍨嬩负 CLAMP_TO_GROUND 璐村湴绫诲瀷 }, }); @@ -240,7 +241,7 @@ var polygon = turf.polygon([coord]); var wkt = WKT.convert(polygon.geometry); - console.log(polygon.geometry); + let turfPoint = []; polygon.geometry.coordinates[0].forEach((e) => { turfPoint.push(turf.point(e)); @@ -248,11 +249,11 @@ var features = turf.featureCollection(turfPoint); var center = turf.center(features); - console.log(center); + list.value.push({ wkt: wkt, name: name, - layer: layer, + // layer: layer, icon: "m.png", lng: center.geometry.coordinates[0], lat: center.geometry.coordinates[1], @@ -273,18 +274,19 @@ emits("setCloseplotting", false); }; const resultShow = (res) => { - console.log(res); let obj = { isshow: true, entitiesData: res, getData: {}, }; // store.commit("SET_plotting", obj); + store.state.plottingInquireData = obj; }; watch( () => store.state.plottingInquireData, (nVal, oVal) => { + if(!nVal)return if (nVal.isshow == false) { //鍒楄〃鍒犻櫎鑱斿姩 if (nVal.entitiesData != {} && nVal.entitiesData.name) { @@ -294,6 +296,7 @@ break; } } + store.state.plottingInquireData = null } } }, @@ -364,8 +367,8 @@ margin-right: 18px; } .btn_box_d { - width: 17px; - height: 18px; + width: 30px; + height: 30px; background: url("../../assets/img/d.png") no-repeat center; background-size: 100% 100%; } @@ -374,8 +377,8 @@ background-size: 100% 100%; } .btn_box_x { - width: 26px; - height: 27px; + width: 30px; + height: 30px; background: url("../../assets/img/x.png") no-repeat center; background-size: 100% 100%; } @@ -384,8 +387,8 @@ background-size: 100% 100%; } .btn_box_m { - width: 22px; - height: 20px; + width: 30px; + height: 30px; background: url("../../assets/img/m.png") no-repeat center; background-size: 100% 100%; margin-right: 0; -- Gitblit v1.9.3