news 2026/6/10 14:33:31

Cesium切换视角中心点不变

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Cesium切换视角中心点不变

1. 倾斜

2. 回正

实现思路

在改变相机视角前,用相机高度和三角函数计算出一个偏移量,改变中心点的经纬度即可

/** * 静态工具:根据俯仰角切换相机视角 * @param {Cesium.Viewer} viewer Cesium Viewer * @param {number} lng 经度 * @param {number} lat 纬度 * @param {number} alt 高度(米) * @param {number} pitchDeg 俯仰角(角度制,-90 垂直向下) */staticupdateCameraByPerspective(viewer,lng,lat,alt,pitchDeg){if(!viewer||typeofpitchDeg!=='number')return;constpitch=Cesium.Math.toRadians(pitchDeg);letposition=Cesium.Cartesian3.fromDegrees(lng,lat,alt);// 非 90° 俯视时修正位置constabsPitch=Math.abs(pitchDeg);if(absPitch<89){constoffset=alt/Math.tan(absPitch*Math.PI/180);constheading=viewer.camera.heading;constoffsetX=-offset*Math.sin(heading);constoffsetY=-offset*Math.cos(heading);constenu=Cesium.Transforms.eastNorthUpToFixedFrame(position);constoffsetVec=newCesium.Cartesian3(offsetX,offsetY,0);position=Cesium.Matrix4.multiplyByPoint(enu,offsetVec,newCesium.Cartesian3());}viewer.camera.flyTo({destination:position,orientation:{heading:viewer.camera.heading,pitch,roll:0}});}
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 14:16:18

还要多久?NASA卫星从太空俯瞰,那条通往“正义”的道路

当NASA的卫星从数百公里的高空俯瞰地球&#xff0c;它们通常在记录冰川的消融或城市的扩张。但这一次&#xff0c;Landsat 8 卫星的镜头聚焦在了阿拉巴马州的一条街道上。这里&#xff0c;曾见证了一场改变人类文明进程的漫长行军。 来自太空的“历史快照”2025年9月&#xff0…

作者头像 李华
网站建设 2026/6/10 12:21:19

设计模式 -详解

1.单例模式 单例模式是指在整个应用中一个类的对象只允许出现一个(类的对象最多 只允许创建一次)&#xff1b; 我们在创建一个类的对象时&#xff0c;调用的是类的构造器&#xff0c;所以在单例中类的构 造器只允许调用一次 核心&#xff1a;构造方法私有化&#xff0c;不允许…

作者头像 李华
网站建设 2026/6/10 13:05:06

您的APP还在“隐身”吗?2026年ASO优化高级实战指南

应用商店优化 (ASO)是一个持续的过程&#xff0c;旨在通过优化元数据&#xff08;标题、关键词&#xff09;、创意素材&#xff08;应用截图、视频&#xff09;和性能指标&#xff08;应用评分、应用评论&#xff09;来提升应用在Apple和Google Play等应用商店中的曝光度和转化…

作者头像 李华
网站建设 2026/6/10 13:20:40

【山海鲸实战案例】通过二维组件控制三维场景昼夜变化

在项目制作过程中&#xff0c;我们可能会需要手动控制三维场景的昼夜切换&#xff0c;此时通过按钮组件的交互设置就可以非常简单地达到目的&#xff0c;下面我们就来看一下具体该如何进行设置。 首先&#xff0c;创建一个三维场景。 添加两个“按钮”组件&#xff0c;分别命名…

作者头像 李华
网站建设 2026/6/10 11:38:35

原子层加工技术推动碳化硅量子光子电路发展

原子层加工技术助力碳化硅量子光子电路蓬勃发展 来自马克斯普朗克光科学研究所&#xff08;Max Planck Institute for the Science of Light&#xff09;与弗劳恩霍夫集成系统与元器件技术研究所&#xff08;Fraunhofer Institute for Integrated Systems and Device Technolo…

作者头像 李华
网站建设 2026/6/10 11:37:08

深圳跨境电商中的“亚马逊精品模式“详解

深圳跨境电商中的"亚马逊精品模式"详解 一、核心定义 亚马逊精品模式是跨境电商中一种"少而精"的运营策略&#xff0c;指卖家专注于少数高潜力产品&#xff08;通常成熟期仅需10-20款&#xff09;&#xff0c;通过深度选品、精细化运营和供应链优化&#x…

作者头像 李华