<template>
<div id="cesiumContainer"></div>
</template>
<script>
export default {
data() {
return {
viewer: null,
};
},
mounted() {
console.log(window.Cesium, "Cesium--->>>");
this.initCesium();
this.loadFlyHome();
},
methods: {
// Cesium 相机系统 --viewBoundingSphere 将相机飞到当前视图包含提供的边界球的位置。
// 设置相机,以便当前视图包含提供的边界球。
// 偏移量是在以边界球体中心为中心的局部东西向上参考系中的航向/俯仰/范围。航向角和俯仰角在当地东西北上参考系中定义。航向是从 y 轴到 x 轴增加的角度。俯仰是从 xy 平面的旋转。正俯仰角在平面下方。负俯仰角在平面上方。范围是到中心的距离。如果范围为零,则将计算范围以使整个边界球体可见。
// 在 2D 中,必须有自上而下的视图。摄像机将放置在目标上方向下看。目标上方的高度将是范围。航向将根据偏移量确定。如果无法根据偏移量确定航向,则航向将为北。
loadViewBoundingSphere() {
const position = Cesium.Cartesian3.fromDegrees(114.21, 30.55, 1500); // 目标位置
const orientation = Cesium.Transforms.headingPitchRollQuaternion(
position,
new Cesium.HeadingPitchRoll(-90, 0, 0)
); // 方向
cesium 相机系统
最新推荐文章于 2024-08-04 15:58:51 发布
本文深入探讨了Cesium JavaScript库中的相机系统,包括如何控制视角、飞行路径以及交互方式。通过实例代码,详细解析了相机的定位、移动和旋转操作,为使用Cesium进行3D地球应用开发提供了关键理解。
摘要由CSDN通过智能技术生成