diff --git a/src/views/bigScreen/cesiumtest.vue b/src/views/bigScreen/cesiumtest.vue index 9eabf504..64f3f86b 100644 --- a/src/views/bigScreen/cesiumtest.vue +++ b/src/views/bigScreen/cesiumtest.vue @@ -366,6 +366,15 @@ export default { }, series: [{ type: "line" }], }, + modelPosition: [ + { lng: 88.64154268696439, lat: 42.721977308996635 }, + { lng: 88.64217853109109, lat: 42.721910071501945 }, + { lng: 88.64628960011686, lat: 42.72184710482201 }, + { lng: 88.64619581826986, lat: 42.7215414346846 }, + { lng: 88.64013560274894, lat: 42.72268219734449 }, + { lng: 88.64035358529543, lat: 42.72266224153806 }, + { lng: 88.64013259837789, lat: 42.722622240941305 }, + ], }; }, created() { @@ -402,157 +411,18 @@ export default { viewer.scene.fxaa = true; viewer.scene.postProcessStages.fxaa.enabled = true; - // 修改homeButton的默认返回位置 - // this.viewer.homeButton.viewModel.command.beforeExecute.addEventListener((e) => { - // e.cancel = true; - // //你要飞的位置 - // this.viewer.camera.flyTo({ - // destination: Cesium.Cartesian3.fromDegrees(119.196653, 26.031937, 50), - // }) - // }) - // viewer.scene.globe.depthTestAgainstTerrain = false - - //设置限制缩放大小 - // viewer.scene.screenSpaceCameraController.minimumZoomDistance = 1 - // 隐藏地球 - // viewer.scene.globe.show = false //隐藏logo信息 viewer.scene.globe.enableLighting = true; viewer._cesiumWidget._creditContainer.style.display = "none"; - //*****cesium加载3dtiles*****// - // const tileset = new Cesium.Cesium3DTileset({ - // url: "/3dtiles/tileset.json", - // // url: "http://49.232.14.174:2226/pf/3dtiles/tileset.json", - // }); - // tileset.readyPromise.then(function (tileset) { - // viewer.scene.primitives.add(tileset); - // //将tileset的包围球中心点坐标从笛卡尔坐标系转换为地理坐标系 - // const cartographic = Cesium.Cartographic.fromCartesian( - // tileset.boundingSphere.center - // ); - // console.log('cartographic',cartographic); - // const { longitude, latitude, height } = cartographic; - // // 模型包围球的中心点坐标，输出以笛卡尔坐标系表示的三维坐标点 - // const current = Cesium.Cartesian3.fromRadians( - // longitude, - // latitude, - // height - // ) - // //根据中心点坐标计算出的地表坐标点 - // const surface = Cesium.Cartesian3.fromRadians( - // cartographic.longitude, //经度 - // cartographic.latitude, //纬度 - // 0 //高度 - // ) - // //根据中心点坐标和height值计算出的新的坐标点 - // const offset = Cesium.Cartesian3.fromRadians( - // longitude, latitude, 0 - // ); - // //更新tileset模型矩阵(modelMatrix)的,实现tileset位置的平移变换 - // const translation = Cesium.Cartesian3.subtract( - // offset, //根据中心点坐标和height值计算出的新的坐标点 - // surface, //根据中心点坐标计算出的地表坐标点 - // new Cesium.Cartesian3() - // ); - // tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation); - // //tileset加载完成监听 - // // tileset.tileLoad.addEventListener(function (tile) { - // // let content = tile.content; - // // // let featuresLength = content.featuresLength; - // // let feature = content.getFeature(0); - // // //将tileset的包围球中心点坐标从笛卡尔坐标系转换为地理坐标系 - // // const cartographicMesh = Cesium.Cartographic.fromCartesian( - // // feature._content._model._boundingSphere.center - // // ); - // // // 模型包围球的中心点坐标，输出以笛卡尔坐标系表示的三维坐标点 - // // const currentMesh = Cesium.Cartesian3.fromRadians( - // // cartographicMesh.longitude, //经度 - // // cartographicMesh.latitude, //纬度 - // // cartographicMesh.height - // // ) - // // //根据中心点坐标计算出的地表坐标点 - // // const surfaceMesh = Cesium.Cartesian3.fromRadians( - // // cartographicMesh.longitude, //经度 - // // cartographicMesh.latitude, //纬度 - // // 2 //高度 - // // ) - - // // }) - // //视野转到tileset模型 - // viewer.zoomTo( - // tileset, - // new Cesium.HeadingPitchRange( - // -4.0, - // -0.65, - // 500 - // ) - // ); - // that.getEquipmentList(); - // }); - // // 监听鼠标左键点击事件 - // var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); - // handler.setInputAction(function (click) { - // var feature = viewer.scene.pick(click.position); - // console.log("feature",feature); - // console.log("_attrs", feature.id._attrs); - // that.objItem = feature.id._attrs; - // that.getInfo(feature.id._id); - // if (Cesium.defined(feature)) { - // // 判断点击位置是否有模型被选中 - // var pickedPosition = viewer.scene.pickPosition(click.position); - // if (Cesium.defined(pickedPosition)) { - // // 将点击位置的世界坐标转换为地理坐标（经纬度） - // var cartographic = Cesium.Cartographic.fromCartesian(pickedPosition); - // var longitude = Cesium.Math.toDegrees(cartographic.longitude);//经度 - // var latitude = Cesium.Math.toDegrees(cartographic.latitude);//纬度 - // var height = cartographic.height; // 获取高度值 - // // console.log('Longitude: ' + longitude); - // // console.log('Latitude: ' + latitude); - // // console.log('Height: ' + height); - // // 可以在这里执行更多操作，例如在点击位置添加标记等 - // //获取该点信息，查询相关数据 - - // } - // } - // }, - // Cesium.ScreenSpaceEventType.LEFT_CLICK); - // that.intervalequ = setInterval(() => { - // that.getEquipmentList(); - // },60000) - //*****cesium加载3dtiles*****// - - console.log(""); //*****cesium加载.glb格式的文件*****// - //1、viewer.scene.primitives.add - // var position = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, 0.1); - // var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(position); - // var url = "factory.glb"; - // // 加载 glb 模型 - // var model = viewer.scene.primitives.add(Cesium.Model.fromGltf({ - // url: url, - // modelMatrix: modelMatrix, - // scale: 1000// 可选：设置模型缩放比例 - // })); - // // 监听模型加载完成事件 - // model.readyPromise.then(function(model) { - // console.log('模型加载完成:', model); - // // 计算模型包围盒的边界 - // var boundingSphere = model.boundingSphere; - // // 将相机焦点移动到模型的包围球中心 - // viewer.camera.flyToBoundingSphere(boundingSphere, { - // duration: 0 // 设置飞行动画持续时间（单位：秒） - // }); - // // 设置相机跟随模型 - // viewer.trackedEntity = model; - // }).otherwise(function(error) { - // console.error('模型加载失败:', error); - // }); - - //2、viewer.entities.add - var url = "factory.glb"; + var url = "photon_tree.glb"; var height = 0; viewer.entities.removeAll(); //加载之前先清楚所有entity - var position = Cesium.Cartesian3.fromDegrees(88.644, 42.723, height); + var position = Cesium.Cartesian3.fromDegrees( + 88.64349, + 42.72285, + height + ); var heading = Cesium.Math.toRadians(191); //310度转弧度 var pitch = Cesium.Math.toRadians(0); var roll = Cesium.Math.toRadians(0); @@ -561,7 +431,7 @@ export default { position, hpr ); - var modelScale = 30.0; // 假设模型原始单位是厘米，需要转换为米 + var modelScale = 2.3; // 假设模型原始单位是厘米，需要转换为米 var modelEntity = viewer.entities.add({ name: "photon", position: position, @@ -573,11 +443,9 @@ export default { Cesium.Transforms.eastNorthUpToFixedFrame(position), minimumPixelSize: 256, //最小像素大小，可以避免太小看不见 maximumScale: 20000, //模型的最大比例尺大小。minimumPixelSize的上限 - incrementallyLoadTextures: true, //加载模型后纹理是否可以继续流入 - shadows: Cesium.ShadowMode.ENABLED, - heightReference: Cesium.HeightReference.NONE, }, }); + // that.setTrees(viewer, orientation); viewer.trackedEntity = modelEntity; // 聚焦模型 //设置相机位置 viewer.zoomTo( @@ -615,6 +483,32 @@ export default { }, Cesium.ScreenSpaceEventType.LEFT_CLICK); }, methods: { + //单独加载树 + setTrees(viewer, orientation) { + this.modelPosition.forEach((item) => { + let position = Cesium.Cartesian3.fromDegrees( + item.lng, + item.lat, + 0 + ); + viewer.entities.add({ + name: "tree", + position: position, + orientation: orientation, + model: { + uri: "tree.glb", //注意entitits.add方式加载gltf文件时，这里是uri，不是url，并且这种方式只能加载.glb格式的文件 + scale: 1, //缩放比例 + modelMatrix: + Cesium.Transforms.eastNorthUpToFixedFrame(position), + minimumPixelSize: 10, //最小像素大小，可以避免太小看不见 + maximumScale: 20000, //模型的最大比例尺大小。minimumPixelSize的上限 + incrementallyLoadTextures: true, //加载模型后纹理是否可以继续流入 + shadows: Cesium.ShadowMode.ENABLED, + heightReference: Cesium.HeightReference.NONE, + }, + }); + }); + }, getChartTime() { let endDate = new Date(); let startDate = new Date(); @@ -717,7 +611,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) + 15; + let height = parseInt(item.coordinates.height); let type = item.cate_code; let arrs = { name: item.name,