【Cesium创造属于你的地球】相机系统

这篇具有很好参考价值的文章主要介绍了【Cesium创造属于你的地球】相机系统。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

相机系统里面有setView,flyTo,lookAt,viewBoundingsphere这几种方法,以下是相关的使用方法,学起来!!!

setView

该方法可以直接切换相机视口,从而不需要通过一个飞入的效果切换

viewer.camera.setView({
// 设置坐标
  destination:position,
   // 设置视口方向
  orientation: {
    // 当值为0时,沿着Y轴旋转,方向为正北方向
     heading: Cesium.Math.toRadians(0),
     // pitch控制视口的上下旋转,也就是X轴旋转,当数值为-90的话,就是俯视地面的
    pitch: Cesium.Math.toRadians(-90),
    // roll控制视口的翻转角度,也就是Z轴旋转
    roll: 0
  }
})

【Cesium创造属于你的地球】相机系统,Cesium,前端

flyTo

flyTo该方法可以直接切换相机视口,从而不需要通过一个飞入的效果切换

viewer.camera.flyTo({
 // 设置坐标
  destination:position,
  // 设置视口方向
  orientation: {
    // 当值为0时,沿着Y轴旋转,方向为正北方向
    heading: Cesium.Math.toRadians(0),
    // pitch控制视口的上下旋转,也就是X轴旋转,当数值为-90的话,就是俯视地面的
     pitch: Cesium.Math.toRadians(-90),
     // roll控制视口的翻转角度,也就是Z轴旋转
    roll: 0

   },
   duration: 10
 })

lookAt

方法使用,lookAt方法一般适用于锁定某个目标场景的位置

// lookAt方法使用,lookAt方法一般适用于锁定某个目标场景的位置

// 设置相机的方位,只需要设置经度和纬度

const center = Cesium.Cartesian3.fromDegrees(116, 39);
// 设置水平旋转视口方向的角度

 const heading = Cesium.Math.toRadians(50);
 // 设置垂直旋转视口方向的角度

const pitch = Cesium.Math.toRadians(-30);
// 设置距离目标点的距离
const range = 1000;
// // 使用lookAt方法​// 凉哥参数,第一个是目标位置信息,第二个是视口方向信息​ viewer.camera.lookAt(center,new Cesium.HeadingPitchRange(heading,pitch,range))
 /** viewboundingsphere方法,和setView方法一样,没有一个飞入切换效果,它和setView的不同点在于它可以给定一个指定的目标点,可以从那个多个角度观测事物为了更好的来展现viewboundingsphere的效果,我们可以使用entity的方法来加载一个飞机模型,供我们观测headingPitchRollQuaternion中有两个参数,分别是位置信息和旋转角度信息(垂直旋转,反转角度均为0)
    **/
   var orientation = Cesium.Transforms.headingPitchRollQuaternion(position,new Cesium.HeadingPitchRange(-90,0,0))
    var modelGLB = ''

var entity = viewer.entities.add({

      name:'../Apps/SampleData/models/CesiumAir/Cesium_Air.glb' ,

      position:position,

      orientation:orientation,
      // 存储模型信息
      model:{

        // 设置模型信息
        uri:'../Apps/SampleData/models/CesiumAir/Cesium_Air.glb',

       // 设置模型最小缩放信息

       minimunPixelSize:100,

       // 设置模型缩放最大比例

       maximunScale:10000,

       // 设置模型是否显示
     show:true

     }
})
  // 使用viewboundingsphere方法

  // 使用BoundingSphere方法,第一个变量是位置信息,第二个是物体与我们的距离信息

  // viewboundingsphere的第二个参数设置的是相机视口朝向信息,我们使用的是HeadingPitchRollQuaternion

viewer.camera.viewBoundingSphere(new Cesium.BoundingSphere(position,20),new Cesium.HeadingPitchRange(0,0,0))

【Cesium创造属于你的地球】相机系统,Cesium,前端

写在最后

好啦今天的cesium小知识就到这里啦,最后祝大家十一快乐,也祝祖国母亲繁荣昌盛💪🏻

【Cesium创造属于你的地球】相机系统,Cesium,前端文章来源地址https://www.toymoban.com/news/detail-740120.html

到了这里,关于【Cesium创造属于你的地球】相机系统的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 腾讯轻联:带你创造属于自己的AI小助手

    陈老老老板🤴 🧙‍♂️本文专栏:生活(主要讲一下自己生活相关的内容)生活就像海洋,只有意志坚强的人,才能到达彼岸。 🧙‍♂️本文简述:参加腾讯全球数字生态大会,了解到腾讯轻联企业级集成平台,很好玩的工具,给大家讲解一下 🧙‍♂️上一篇文章: 年度总

    2024年02月08日
    浏览(50)
  • (2023)使用ventory打造属于你的多系统安装盘(包含微PE/Win10 11/Ubuntu)

    Download . Ventoy 由于官方服务器带宽比较低,官方也提供了红框的下载链接,直接进去下载即可  解压文件,打开Ventory2Disk.exe 可以看出默认识别出了你的U盘,点击安装即可,磁盘即出现卷标为Ventory的磁盘    找到卷标为Ventory的磁盘,格式化,选择NTFS分区   打开磁盘管理 可以发现U盘

    2024年02月04日
    浏览(43)
  • 谷歌地球倾斜模型3Dtiles格式cesium格式一键导入查看

    台湾省倾斜模型ceisum 3Dtiles格式谷歌地球谷歌地 大家好我是谷谷GIS的开发者,为大家分享一下这个台湾省的,倾斜模型3Dtiles,这个模型3Dtiles的话它是基于cesium,3D倾斜模型3Dtiles,它的格式内容的话是模型3Dtiles,众所周知,这cesium是3D地球引擎来说的话,现在目前这个市场占比

    2024年02月11日
    浏览(51)
  • 从0到1搭建一套属于你自己的高精度实时结构光3D相机(8):结构光系统模型与逆相机法投影仪标定

    在前面的博客中,介绍了采用同心双圆环靶标下的相机标定算法与代码实践。在这篇博客中,博主将介绍 结构光相机模型与逆相机法投影仪标定 。完成本篇博客的学习内容后,你将收获投影仪逆相机法标定和结构光相机模型算法与代码实践经验。 本系列博客的完整项目代码

    2024年04月15日
    浏览(53)
  • cesium中移动地球时,模型(3dtiles)感觉在飘着,会错位的解决办法

    加入一个白膜,移动视角,会感觉这个白膜不在固定的位置,飘忽不定 这是由于在这个场景中添加了地形,白膜与地形相交了。 如果给定的模型高度是高于地面的,则可以关闭地形 如果必须有地形,或者原始给定的3dtiels高度低于地面,则设置3dtiles高度高于地形 这里高度值

    2024年02月09日
    浏览(34)
  • 如何用你的知识创造额外收入

    哈喽,大家好,我是海哥,知识付费变现创业教练,教育公司培训总监,从事知识付费变现咨询10年,已助力3000+人实现知识付费变现。 今天我们来聊一聊如何用你的知识创-造额外收入。 在这个时代,知识是可以卖钱的。 蕞典型的例子就是喜马拉雅上线了众多付费语-音知识

    2024年02月09日
    浏览(34)
  • 作为前端leader,如何搭建属于我们公司自己的流水线自动化部署系统(node+express)

    背景:自动化部署系统主要可以集成到公司内部的管理系统中去,比如公司有多个项目,移动端H5,大屏网站,门户网站等...每次发布或者迭代都需要前端同事打包然后在交给运维或者后端同事放到服务器上进行部署 ,如果有一个项目多个同事合作完成 还要走git合并流程,

    2024年02月19日
    浏览(50)
  • 10分钟训练属于你的AI变声器

    今天推荐一款开源AI变声器,安装过程很友好,不用经历各种麻烦的环境问题, 作者提供了windows下的安装包,一键安装启动很方便。 目前好像对显卡有要求,nvidia显卡支持,amd显卡不支持。 功能特点 使用top1检索替换输入源特征为训练集特征来杜绝音色泄漏 即便在相对较差

    2024年02月16日
    浏览(45)
  • 零基础,零成本,部署一个属于你的大模型

    前言 看了那么多chatGPT的文章,作为一名不精通算法的开发,也对大模型心痒痒。但想要部署自己的大模型,且不说没有算法相关的经验了,光是大模型占用的算力资源,手头的个人电脑其实也很难独立部署。就算使用算法压缩后的大模型,部署在个人电脑上,还要忍受极端

    2024年02月07日
    浏览(42)
  • 「AIGC」如何助力个人创意,打造属于你的独特时代?

    当今时代,人工智能(AI)不仅仅是科幻电影中的概念,也已经广泛应用于各行各业。其中,AI在创意领域的应用越来越受到关注。从AI生成的诗歌、绘画、音乐等作品的出现,到AI辅助创意产生的创意设计、广告营销等领域的应用,都为我们展示了AI在创意领域的无限可能。 AI生

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包