当前位置: 首页 > news >正文

老山做网站的公司苏州商城网站建设

老山做网站的公司,苏州商城网站建设,苏州创建网站,首次登录 e账户客户登录camera基础属性: Cesium 中的相机通过 viewer.camera 来获取和操作。 position:相机的位置,用 Cartesian3 坐标表示,表示的是相机在世界坐标系中的绝对位置。 viewer.camera.position Cesium.Cartesian3.fromDegrees(longitude, latitude, height);dir…

camera基础属性:

Cesium 中的相机通过 viewer.camera 来获取和操作。

  • position:相机的位置,用 Cartesian3 坐标表示,表示的是相机在世界坐标系中的绝对位置。

    viewer.camera.position = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);
    
  • direction:相机的朝向,指向相机正在查看的目标。

    viewer.camera.direction = new Cesium.Cartesian3(x, y, z);
    
  • up:相机的上方向,用于定义相机的倾斜角度(与地面的垂直方向)

    viewer.camera.up = new Cesium.Cartesian3(x, y, z);
    
  • right:相机的右方向,定义相机横向的方向。

控制相机视角:

  • setView() 是 Cesium 中一个常用的方法,用于设置相机的视图,包括位置、目标点和相机的方向。

viewer.camera.setView({// 相机的位置destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height),  // 相机方向orientation: {// 水平旋转角度,从正北顺时针旋转到目标方向的角度heading: Cesium.Math.toRadians(heading),  
// 朝向的方位角,即相机绕着地心的水平方向旋转,范围: 0-2π
//0   - 正北
//π/2 - 正东
// π   - 正南
// 3π/2 - 正西//直旋转角度,从水平面向上/向下的角度pitch: Cesium.Math.toRadians(pitch),      
// 俯仰角,即相机绕着横轴的上下旋转,范围: -π/2 到 π/2
// π/2   - 正上方(90°)
// 0     - 水平(0°)
// -π/2  - 正下方(-90°)//相机自身的旋转角度roll: 0                                   
// 滚转角,即相机绕着前后轴的旋转,范围: -π 到 π
// 0     - 正常
// π     - 倒置
// π/2   - 右倾斜90°
// -π/2  - 左倾斜90°}
});
  • flyTo() 方法提供了平滑的动画过渡,来控制相机飞行到指定的位置。

viewer.camera.flyTo({destination: Cesium.Cartesian3.fromDegrees(longitude, latitude, height),orientation: {heading: Cesium.Math.toRadians(heading),pitch: Cesium.Math.toRadians(pitch),roll: 0},duration: 3,  // 飞行持续时间,单位秒complete: function() {console.log("Fly complete!");}
});
  • lookAt()相机看向某个目标点

var target = Cesium.Cartesian3.fromDegrees(120.0, 30.0);
viewer.camera.lookAt(target, new Cesium.Cartesian3(0.0, 0.0, 5000.0));  // 相机距离目标5000米
  • zoomTo是Cesium中用于控制相机视角和定位

// viewer.zoomTo 实际上是对 camera.viewBoundingSphere 的封装
viewer.zoomTo(target, offset);  // 等同于
viewer.camera.viewBoundingSphere(boundingSphere, offset);// 应用
// 1. 飞向实体
viewer.zoomTo(entity);
// 2. 飞向实体集合
viewer.zoomTo(viewer.entities);// 3. 飞向数据源
viewer.zoomTo(dataSource);

相机事件:

相机轨迹飞行:

Cesium 还可以让相机沿着一条预设的轨迹飞行,比如沿着多段 Cartesian3 位置点。可以使用 flyTo 配合 Polyline 来模拟轨迹飞行。

var positions = [Cesium.Cartesian3.fromDegrees(120.0, 30.0, 5000),Cesium.Cartesian3.fromDegrees(121.0, 30.5, 5000),Cesium.Cartesian3.fromDegrees(122.0, 31.0, 5000)
];viewer.camera.flyTo({destination: positions[0],complete: function() {viewer.camera.flyTo({destination: positions[1]});}
});

视觉化理解相机:


假设你是摄影师,相机属性就像这样:

  1. 你站在哪里? -> position
  2. 你看向哪里? -> direction
  3. 你的头顶朝向哪里? -> up
  4. 你的右手指向? - right
  5. 你水平转动脖子左右转头 -> heading
  6. 你点头或抬头 -> pitch
  7. 你歪着头 -> roll
http://www.yayakq.cn/news/191930/

相关文章:

  • php商城网站开发福建金融公司网站建设
  • 杭州网站推广大全网站建设与维护一样吗
  • 怎样做内网网站企业门户网站方案
  • 郑州网站建设市场爱牛网络
  • 南通网站建设空间杭州平面设计
  • 通信工程毕设可以做网站吗网络营销的特点举例说明
  • 如何在工商局网站做清算组备案庄河网站怎么举报做棺材
  • 余姚建设网站公司网站开发文档需求撰写word
  • 做网站跳转怎么收费html做企业门户网站
  • 网站里的字体大小织梦后台怎么做网站地图
  • 东莞做网站需要避免这些因素51网页游戏官网
  • 网站集约建设后网站域名规范网站文章超链接怎么做
  • 百度竞价排名查询网站企业系统管理
  • 做网站图片如何不转下一行泰安网站建设哪家强
  • 做网站实际尺寸是多少给企业做网站公司
  • 哪些网站适合用自适应培训型网站建设
  • 深圳建设网站费用网页设计与制作教程 个人简历代码
  • 上行10m做网站服务织梦禁止网站右击
  • 四川省营山县西城建筑公司网站惠州seo报价
  • 邯郸单位网站建设网页版传奇手游排行榜
  • 实验室网站建设方案拓者设计吧官网效果图
  • 建设路第3小学网站电话国家企业信用信息查询全国
  • 专门做三国战纪的网站叫什么免费国内linux服务器
  • 有哪个网站可以做兼职餐饮公司 网站建设
  • 怎么让网站能被百度到谷粉搜索谷歌搜索
  • 成都网站建设公司招聘建设各网站需要多久
  • 彩票网站net网站开发找那家湖州市城市建设档案馆网站
  • jsp 交互网站开发技术 西安交通大学出版社 2005.10哈尔滨网站备案
  • 合肥义城建设集团有限公司网站中国企业查询网官网
  • 互联网网站模版江北区网络推广技巧