From 9fa1e63438828075ec7a93003cfd43aabbc849d9 Mon Sep 17 00:00:00 2001 From: shijing Date: Mon, 18 Mar 2024 11:43:23 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E4=BD=8D=E7=BD=AE?= =?UTF-8?q?=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/bigScreen/cesiumtest.vue | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/src/views/bigScreen/cesiumtest.vue b/src/views/bigScreen/cesiumtest.vue index 8fa98445..d7d24a4f 100644 --- a/src/views/bigScreen/cesiumtest.vue +++ b/src/views/bigScreen/cesiumtest.vue @@ -374,21 +374,23 @@ export default { var url = "factory.glb"; var height = 0; viewer.entities.removeAll() //加载之前先清楚所有entity - var position = Cesium.Cartesian3.fromDegrees(87.62594666147378, 42.975362631477815, height) - var heading = Cesium.Math.toRadians(310) //135度转弧度 + var position = Cesium.Cartesian3.fromDegrees(88.644, 42.7229, height) + var heading = Cesium.Math.toRadians(191) //310度转弧度 var pitch = Cesium.Math.toRadians(0); var roll = Cesium.Math.toRadians(0); var hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll) var orientation = Cesium.Transforms.headingPitchRollQuaternion( position,hpr ) + var modelScale = 30.0; // 假设模型原始单位是厘米，需要转换为米 var modelEntity = viewer.entities.add({ name: 'photon', position: position, orientation: orientation, model: { uri: url,//注意entitits.add方式加载gltf文件时，这里是uri，不是url，并且这种方式只能加载.glb格式的文件 - scale: 1.0,//缩放比例 + scale: modelScale,//缩放比例 + modelMatrix: Cesium.Transforms.eastNorthUpToFixedFrame(position), minimumPixelSize: 256,//最小像素大小，可以避免太小看不见 maximumScale: 20000,//模型的最大比例尺大小。minimumPixelSize的上限 incrementallyLoadTextures: true,//加载模型后纹理是否可以继续流入 @@ -396,15 +398,18 @@ export default { heightReference: Cesium.HeightReference.NONE }, }) - viewer.trackedEntity = modelEntity; // 聚焦模型 - viewer.zoomTo(modelEntity, new Cesium.HeadingPitchRange(-4.2, -0.5, 30)); + viewer.trackedEntity = modelEntity; // 聚焦模型 + //设置相机位置 + viewer.zoomTo(modelEntity, new Cesium.HeadingPitchRange(-3.1, -0.6, 900)); that.getEquipmentList(); // 监听鼠标左键点击事件 var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); handler.setInputAction(function (click) { var feature = viewer.scene.pick(click.position); - that.objItem = feature.id._attrs; - that.getInfo(feature.id._id); + if (feature.id._attrs) { + that.objItem = feature.id._attrs; + that.getInfo(feature.id._id); + } if (Cesium.defined(feature)) { // 判断点击位置是否有模型被选中 var pickedPosition = viewer.scene.pickPosition(click.position); @@ -423,7 +428,6 @@ export default { } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); - }, methods: { getChartTime() { @@ -522,7 +526,7 @@ export default { let imgUrl = that.getItemIcon(item.cate_code) let lon = parseFloat(item.coordinates.longitude); let lat = parseFloat(item.coordinates.latitude); - let height = parseInt(item.coordinates.height) + 0.5; + let height = parseInt(item.coordinates.height) + 15; let type = item.cate_code; let arrs = { name:item.name, lon: lon, lat:lat, height:height, id:item.id, type: type }; let config = { show: true, fontSize: '16px', fillColor: '#ffffff', fillWidth: 1, pixelOffsetX: 10, pixelOffsetY: -30, image: imgUrl, imgWidth: 50, imgHeight: 50, textDistance: 550000, imgDistance: 550000 }; From 8f20e298caa9e5d427416a61b1693d807dd45b6b Mon Sep 17 00:00:00 2001 From: shijing Date: Tue, 19 Mar 2024 10:14:45 +0800 Subject: [PATCH 2/2] coding#140 --- src/views/bigScreen/cesiumtest.vue | 32 ++++++++++++++++++-------- src/views/bigScreen/index_enp_blue.vue | 3 ++- 2 files changed, 24 insertions(+), 11 deletions(-) diff --git a/src/views/bigScreen/cesiumtest.vue b/src/views/bigScreen/cesiumtest.vue index d7d24a4f..bd727721 100644 --- a/src/views/bigScreen/cesiumtest.vue +++ b/src/views/bigScreen/cesiumtest.vue @@ -81,17 +81,29 @@ 离线 -
-
-
PM2.5
-
PM10
-
风速
-
-
-
13.00μg/m³
-
13.00μg/m³
-
0.5m/s
+
+
+
颗粒物
+
SO₂
+
NOx
+
+
13.00mg/m³
+
13.00mg/m³
+
13.00mg/m³
+
+
+
流量
+
温度
+
湿度
+
+
+
22320.000m³/h
+
70.54℃
+
0.80%
+
+
+
TSP
温度
diff --git a/src/views/bigScreen/index_enp_blue.vue b/src/views/bigScreen/index_enp_blue.vue index 536c87e9..42c9216e 100644 --- a/src/views/bigScreen/index_enp_blue.vue +++ b/src/views/bigScreen/index_enp_blue.vue @@ -385,7 +385,7 @@ export default { series: { name: '今日车辆数量统计', type: 'pie', - radius: [35, 55], + radius: [25, 45], center: ['50%', '50%'], emphasis: { focus: 'series', @@ -974,6 +974,7 @@ header { .blockTitleImg { width: 100%; + height: 100%; position: absolute; left: 0; top: 0;