| | |
| | | control.enableTilt = false; |
| | | control.enableLook = false; |
| | | viewerC.scene.camera.percentageChanged = 0.05 |
| | | this.cammove_measure_point(); |
| | | },1000) |
| | | }, |
| | | |
| | |
| | | fullscreenButton: false, |
| | | vrButton: false, |
| | | }); |
| | | // 关闭天空盒效果 |
| | | // viewer.scene.skyAtmosphere = undefined; // 或者设置为 null |
| | | |
| | | // // 关闭光照效果 |
| | | // viewer.scene.globe.enableLighting = false; // 关闭光照效果 |
| | | |
| | | // viewer.imageryLayers.add(bdtvectoranoimagery); |
| | | viewer._cesiumWidget._creditContainer.style.display="none"; |
| | | return viewer; |
| | | |
| | |
| | | // 设置视角,使其默认查看某个地理位置 |
| | | viewerM.scene.camera.setView({ |
| | | destination: Cesium.Cartesian3.fromDegrees(globalon, globalat, 349.0), // 以经纬度设置位置(例如:大庆龙兴路) |
| | | // destination: Cesium.Cartesian3.fromDegrees(0.0005, 0.0017, 207.8), // 以经纬度设置位置(例如:大庆龙兴路) |
| | | orientation: { |
| | | heading: Cesium.Math.toRadians(194.65), // 方向 |
| | | pitch: Cesium.Math.toRadians(-31.43), // 俯角 |
| | |
| | | }, |
| | | addSyncListener() { |
| | | // 存下回调以便销毁 |
| | | // this._preRenderCallback = () => this.syncViewer(); |
| | | viewerM.scene.preRender.addEventListener( this.syncViewer()); |
| | | window.addEventListener("keydown", this.handleKeydown); |
| | | }, |
| | | syncViewer(){ |
| | | console.log(viewerM.camera) |
| | | viewerC.camera.flyTo({ |
| | | destination: viewerM.camera.position, |
| | | orientation: { |
| | |
| | | let lng = Cesium.Math.toDegrees(cartographic.longitude); |
| | | let lat = Cesium.Math.toDegrees(cartographic.latitude); |
| | | height = cartographic.height; |
| | | console.log(lng+','+lat+','+height) |
| | | } |
| | | |
| | | //在两个窗口创建标注 |
| | |
| | | //根据偏移量求偏移向量 |
| | | const scalerNormalize = Cesium.Cartesian3.multiplyByScalar(normalize,distance,new Cesium.Cartesian3()); |
| | | const tagert = Cesium.Cartesian3.add(holdingPosition,scalerNormalize,new Cesium.Cartesian3()); |
| | | console.log(Cesium.Cartographic.fromCartesian(tagert)) |
| | | //创建空中点pin |
| | | _this.creatPin("aerialPoiId"+counter,tagert,`空${counter}`,Cesium.Color.RED,viewerM); |
| | | // preVideoScopePrimitiveArrTie = [] |
| | | console.log(preVideoScopePrimitiveArrTie) |
| | | |
| | | console.log(Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(tagert).height)) |
| | | //更新键盘事件 |
| | | _this.updateCameraMovement(); |
| | | // if(cameraVideo){ |
| | | // viewerM.scene.primitives.remove(cameraVideo) |
| | | // } |
| | | chooseId = crypto.randomUUID() |
| | | //创建视锥体 |
| | | //当前选择的id |
| | | chooseId = crypto.randomUUID() |
| | | //创建视锥体 |
| | | let data = { |
| | | "FHorFieldAngle": 32.13, |
| | | "FVerFieldAngle": 18.39, |
| | | "altitude": Cesium.Cartographic.fromCartesian(tagert).height, |
| | | "id": chooseId, |
| | | "chanNo": 1, |
| | | "latitude": Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(tagert).latitude), |
| | | "longitude": Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(tagert).longitude), |
| | | "p": 26.8, |
| | | "t": 351.3, |
| | | "z": 1, |
| | | } |
| | | //塔的距离和观测点的距离 |
| | | const point1 = Cesium.Cartesian3.fromDegrees(0, 0, 50); |
| | | const point2 = Cesium.Cartesian3.fromDegrees(Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(tagert).longitude), Cesium.Math.toDegrees(Cesium.Cartographic.fromCartesian(tagert).latitude), Cesium.Cartographic.fromCartesian(tagert).height); |
| | | |
| | | // 计算距离(单位:米) |
| | | const distance1 = Cesium.Cartesian3.distance(point1, point2) |
| | | console.log(distance1) |
| | | data.distance = distance1 |
| | | const distanceCalculate = Cesium.Cartesian3.distance(point1, point2) |
| | | data.distance = distanceCalculate |
| | | //右键结束后把缩放重置为1 |
| | | _this.zoomRatio = 1 |
| | | _this.createVideoScope(data) |
| | | setTimeout(() => { |
| | |
| | | return result; |
| | | }, |
| | | changeCamera(position,heading){ |
| | | console.log(position) |
| | | console.log(heading) |
| | | viewerC.camera.flyTo({ |
| | | destination: position, |
| | | orientation: { |
| | |
| | | } else { |
| | | groupEntity.position = position; |
| | | } |
| | | console.log(groupEntity) |
| | | } |
| | | const key = event.key; |
| | | const lower = key.toLowerCase(); |
| | |
| | | // Fly back to the initial view (home) in 1 second |
| | | viewerC.camera.flyHome(1.0); |
| | | }, |
| | | move_measure_point(){ |
| | | CesiumSurvey.measureMovePoint(viewerC,'moveResultCon'); |
| | | }, |
| | | cammove_measure_point(){ |
| | | CesiumSurvey.cammeasureMovePoint(viewerC,'cammoveResultCon'); |
| | | }, |
| | | mergePoint(){ |
| | | let allEntities = viewerM.entities.values; // 所有实体对象组成的数组 |
| | | const grouped = {}; |
| | |
| | | ] |
| | | }; |
| | | }); |
| | | console.log(result) |
| | | this.$emit('mergePoint',result,this.mergeNumber,viewerM) |
| | | }, |
| | | genId() { |
| | |
| | | }, |
| | | handleKeydown(e) { |
| | | const key = e.key; |
| | | console.log(key) |
| | | const validKeys = ["a", "s", "d", "w",'q','e','ArrowUp','ArrowDown','ArrowLeft','ArrowRight','q','e']; |
| | | if (validKeys.includes(key)) { |
| | | this.triggerKey(key); |
| | |
| | | }, |
| | | // 创建初始化的光轴 |
| | | createVideoScope(data) { |
| | | console.log(data) |
| | | console.log(data.distance) |
| | | if (data == undefined) { |
| | | this.$message({ |
| | | showClose: true, |
| | |
| | | // Number(data.altitude) + Number(hight[1]) + 1.7 |
| | | Number(data.altitude) |
| | | ); |
| | | console.log(data) |
| | | let inverseViewMatrix = this.hpr2m({ |
| | | position: positionCt3, // 相机坐标 |
| | | // heading: Cesium.Math.toRadians(Number(120)), |
| | |
| | | roll: Cesium.Math.toRadians(0), |
| | | }); |
| | | let frustum = new Cesium.PerspectiveFrustum({ |
| | | fov: Cesium.Math.toRadians(1), |
| | | fov: Cesium.Math.toRadians(56), |
| | | aspectRatio: Number(1.77778), // 宽高比 |
| | | near: Number(0.05), // 设备焦距 |
| | | far: Number(data.distance), // 拍摄距离 |
| | |
| | | ); |
| | | // viewer.scene.primitives.add(cameraVideo); |
| | | let pmObj = {}; |
| | | console.log(data) |
| | | pmObj.id = data.id; |
| | | console.log(pmObj) |
| | | pmObj.primitive = cameraVideo; |
| | | // pmCollection.push(pmObj);//幕布,视频转换使用 |
| | | viewerM.scene.primitives.add(cameraVideo); |
| | | preVideoScopePrimitiveArrTie.push(pmObj); |
| | | preVideoScopePrimitiveArrTie.map((item)=>{ |
| | | console.log(item) |
| | | console.log(chooseId) |
| | | if(item.id != chooseId){ |
| | | item.primitive.show = false |
| | | } |
| | |
| | | const roll = Cesium.Math.toDegrees(camera.roll); |
| | | const point1 = Cesium.Cartesian3.fromDegrees(0, 0, 50); |
| | | const point2 = Cesium.Cartesian3.fromDegrees(Cesium.Math.toDegrees(position.longitude),Cesium.Math.toDegrees(position.latitude),position.height) |
| | | |
| | | var camResult = |
| | | position.longitude.toFixed(4) + |
| | | '\u00B0' + |
| | | ',' + |
| | | position.latitude.toFixed(4) + |
| | | '\u00B0' + |
| | | ',' + |
| | | position.height.toFixed(1) + |
| | | '米,' + |
| | | heading.toFixed(2) + |
| | | '\u00B0' + |
| | | ',' + |
| | | pitch.toFixed(2) + |
| | | '\u00B0' + |
| | | ',' + |
| | | roll.toFixed(1) + |
| | | '\u00B0'; |
| | | document.getElementById('cammoveResultCon').innerHTML = camResult; |
| | | // 计算距离(单位:米) |
| | | const distanceBetween = Cesium.Cartesian3.distance(point1, point2) |
| | | console.log(distanceBetween) |
| | | console.log(preVideoScopePrimitiveArrTie) |
| | | console.log(chooseId) |
| | | preVideoScopePrimitiveArrTie.map((item)=>{ |
| | | if(item.id == chooseId){ |
| | | let obj = this.updateSZScope(Cesium.Math.toDegrees(position.longitude),Cesium.Math.toDegrees(position.latitude),position.height,heading,pitch,roll,this.zoomRatio,distanceBetween) |
| | | item.primitive.inverseViewMatrix = obj.M |
| | | item.primitive.frustum = obj.F |
| | | item.primitive.zoomRatio = this.zoomRatio |
| | | } |
| | | }) |
| | | }, |
| | |
| | | Number(lat), |
| | | Number(alt) |
| | | ); |
| | | console.log(positionCt3) |
| | | console.log(distanceBetween) |
| | | let frustum = new Cesium.PerspectiveFrustum({ |
| | | fov: Cesium.Math.toRadians(LightView), |
| | | fov: Cesium.Math.toRadians(56/LightView), |
| | | aspectRatio: Number(1.77778), |
| | | near: Number(0.05), |
| | | far: Number(distanceBetween), |
| | | }); |
| | | console.log(frustum) |
| | | let inverseViewMatrixNew = this.hpr2m({ |
| | | position: positionCt3, |
| | | heading: Cesium.Math.toRadians(Number(camHeading)), |
| | | pitch: Cesium.Math.toRadians(Number(camPitch)), |
| | | roll: Cesium.Math.toRadians(Number(camRoll)), |
| | | }); |
| | | console.log(inverseViewMatrixNew) |
| | | return {M: inverseViewMatrixNew, F: frustum}; |
| | | }, |
| | | handleWheel(event) { |
| | |
| | | #cesiumContainer { |
| | | margin: 0; |
| | | padding: 0; |
| | | width: 73%; |
| | | width: 74%; |
| | | height: calc(100vh - 205px); |
| | | } |
| | | #cesiumCamera { |
| | |
| | | /* padding: 0 5px; */ |
| | | margin-top: 10px; |
| | | right: 0px; |
| | | width: 420px; |
| | | width: 410px; |
| | | height: calc(100vh - 210px); |
| | | bottom: 30px; |
| | | margin: 0; |