概括

Cesium中相机就是人的视角，相当于人的眼睛，通过控制相机来控制场景中的视域，旋转、缩放、平移等操作。了解了cesium中常用的坐标，以及camera常用的方法，就可以想去哪里去哪里。本文章是学习笔记，用于记录。

一、cesium常见的坐标系

Cesium中常见的坐标系：笛卡尔空间直角坐标系（Cartesian3）、平面坐标系（Cartesian2）、WGS84弧度坐标系（Cartographic）。

1、笛卡尔坐标系（Cartesian3）
笛卡尔空间直角坐标又称为世界坐标，Cesium中用Cartesian3变量表示，可通过new Cesium.Cartesian3(x, y, z)创建，主要是用来做空间位置的变化如平移、旋转和缩放等等，它的坐标原点在椭球的中心。

2、平面坐标系（Cartesian2）
平面坐标系也就是平面直角坐标系，也称为屏幕坐标，是一个二维笛卡尔坐标系，与Cartesian3相比少了一个z的分量，new Cesium.Cartesian2(x, y)。Cartesian2经常用来描述屏幕坐标系，比如鼠标在电脑屏幕上的点击位置，返回的就是Cartesian2，返回了鼠标点击位置的xy像素点分量。

3、WGS84弧度坐标系（Cartographic）
Cesium中的地理坐标单位默认是弧度制，用Cartographic变量表示，可通过new Cesium.Cartographic(longitude, latitude, height)创建，其中这里的参数是用弧度表示的经纬度，即经度和纬度。弧度即角度对应弧长是半径的倍数。
角度转弧度 π/180×角度
弧度变角度 180/π×弧度

二、几种坐标系的转换方法

1.经纬度坐标转世界坐标

// 方法1：直接转换
// var cartesian3 = Cesium.Cartesian3.fromDegrees(lng, lat, height);
// 方法2：借助ellipsoid对象，先转换成弧度再转换
var cartographic = Cesium.Cartographic.fromDegrees(lng, lat, height); //单位：度，度，米
var cartesian3 = ellipsoid.cartographicToCartesian(cartographic);

2.世界坐标转经纬度

// 3.笛卡尔空间直角坐标系转为地理坐标（弧度制）
// var cartographic = Cesium.Cartographic.fromCartesian(cartesian3);
// 方法1
// var cartographic = ellipsoid.cartesianToCartographic(cartesian3);
// 方法2
// 4.地理坐标（弧度制）转为经纬度坐标
var lat = Cesium.Math.toDegrees(cartographic.latitude);
var lng = Cesium.Math.toDegrees(cartographic.longitude);
var height = cartographic.height;

3.弧度和经纬度互转

经纬度转弧度：

Cesium.Math.toRadians(degrees)

弧度转经纬度：

Cesium.Math.toDegrees(radians)

4.屏幕坐标和世界坐标互转

屏幕转世界坐标：

// 2.二维屏幕坐标转为三维笛卡尔空间直角坐标（世界坐标）
var cartesian3 = scene.globe.pick(viewer.camera.getPickRay(windowPostion), scene );

世界坐标转屏幕坐标：

// 三维笛卡尔空间直角坐标（世界坐标）转为二维屏幕坐标
// 结果是Cartesian2对象，取出X,Y即为屏幕坐标。
windowPostion = Cesium.SceneTransforms.wgs84ToWindowCoordinates(scene, cartesian3);

三、camera常用方法

1、Cesium.setView方法：设置视图位置

// Cesium.setView
const position = Cesium.Cartesian3.fromDegrees(114.21, 30.55, 600)
this.viewer.camera.setView({destination: position, // 相机位置orientation: {heading: Cesium.Math.toRadians(0), // 水平旋转  -正北方向pitch: Cesium.Math.toRadians(-90), // 上下旋转  --俯视朝向roll: 0 // 视口翻滚角度}

主要参数如下：
heading: 偏航角，默认方向为正北（0°），正角度为向东旋转，即左右摇头。
pitch: 俯仰角，默认角度为-90°，即朝向地面，0°为平视，正角度为仰视，负角度为俯视，即抬头低头。
roll: 翻转角，默认角度为0°，正角度向右旋转，负角度向左旋转，即左右歪头

2、Cesium.flyHome方法：将相机飞到主视图
默认位置 Cesium.Camera.DEFAULT_VIEW_RECTANGLE
矩形框即视角范围

 // Cesium.flyHome
// 默认矩形框设置为亚洲
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(51.096847,9.98438,150.589429,70.671623);
// 将相机飞到主视图,即默认矩形框区域。
let duration = 2;
viewer.camera.flyHome(duration)

Name	Type	Description
duration	Number	可选飞行持续时间（以秒为单位）。如果省略，Cesium会尝试根据航班要行驶的距离来计算理想持续时间

3、Cesium.flyTo方法
flyTo (options)
将相机从当前位置移动到新位置。

// 1. Fly to a position with a top-down view
viewer.camera.flyTo({destination : Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0)
});// 2. Fly to a Rectangle with a top-down view
viewer.camera.flyTo({destination : Cesium.Rectangle.fromDegrees(west, south, east, north)
});// 3. Fly to a position with an orientation using unit vectors.
viewer.camera.flyTo({destination : Cesium.Cartesian3.fromDegrees(-122.19, 46.25, 5000.0),orientation : {direction : new Cesium.Cartesian3(-0.04231243104240401, -0.20123236049443421, -0.97862924300734),up : new Cesium.Cartesian3(-0.47934589305293746, -0.8553216253114552, 0.1966022179118339)}
});// 4. Fly to a position with an orientation using heading, pitch and roll.
viewer.camera.flyTo({destination : Cesium.Cartesian3.fromDegrees(-122.19, 46.25, 5000.0),orientation : {heading : Cesium.Math.toRadians(175.0),pitch : Cesium.Math.toRadians(-35.0),roll : 0.0}
});

4、Cesium.lookAt方法
场景视角锁定，拖动视图主要以小球视角进行环绕查看

const center =  Cesium.Cartesian3.fromDegrees(114.21, 30.55)  // 目标位置
const heading =   Cesium.Math.toRadians(50)// 水平旋转  -正北方向
const pitch =  Cesium.Math.toRadians(-90) // 上下旋转  --俯视朝向
const range = 2000 // 目标点高度
this.viewer.camera.lookAt(center, new Cesium.HeadingPitchRange(heading, pitch, range))

4、Cesium.viewBoundingSphere方法

将相机飞到当前视图包含提供的边界球的位置。
设置相机，以便当前视图包含提供的边界球。
偏移量是在以边界球体中心为中心的局部东西向上参考系中的航向/俯仰/范围。
航向角和俯仰角在当地东西北上参考系中定义。航向是从 y 轴到 x 轴增加的角度。
俯仰是从 xy 平面的旋转。
正俯仰角在平面下方。
负俯仰角在平面上方。
范围是到中心的距离。
如果范围为零，则将计算范围以使整个边界球体可见。
在 2D 中，必须有自上而下的视图。摄像机将放置在目标上方向下看。
目标上方的高度将是范围，航向将根据偏移量确定，如果无法根据偏移量确定航向，则航向将为北。

const position = Cesium.Cartesian3.fromDegrees(114.21, 30.55, 1500)  // 目标位置const orientation = Cesium.Transforms.headingPitchRollQuaternion(position, new Cesium.HeadingPitchRoll(-90, 0, 0)) // 方向this.viewer.entities.add({position,orientation,model: {uri: window.CESIUM_BASE_URL + '/SampleData/models/CesiumAir/Cesium_Air.glb', // 模型路径minimumPixelSize: 100, // 最小缩放大小maximumScale: 10000, // 缩放最大比例show: true}})this.viewer.camera.viewBoundingSphere(new Cesium.BoundingSphere(position, 20), new Cesium.HeadingPitchRange(0, 0, 0))

cesium camera相机系统相关推荐

vue3.x +Cesium Cesium camera相机的使用（二）
Cesium camera 相机系统 setView flyTo lookAt viewBoundingSphere setView 的使用通过设定目的地的三维坐标和视线方向将视角切换到设定视域范围 ...
【Cesium入门】四、相机系统
1.Cesium相机简介 (1) 在二维GIS中进行空间漫游,只需要确定视点位置即可,不存在视线方向的问题.但在三维GIS中不仅需要确定视点的位置,还需要确定视线方向,如果目标物和视线方向相反,那么在 ...
任意多相机系统的SLAM重设计
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达本文转自:计算机视觉life 前言在SLAM系统中增加更多的相机 ...
手机相机里面的m_荣耀V30 PRO详细评测：Matrix Camera相机矩阵开启5G视频时代
[IT168 评测]随着手机摄像头的配置越来越高,手机上已经能实现不俗的拍照效果,甚至超越了数码相机(DC)成为了人们最常用的拍照工具.进入今年的下半年,随着5G的商用,手机厂商对于手机的摄像头功能优 ...
最简单DIY基于ESP32CAM的物联网相机系统⑥（用上位机VS2013 MFC实现WIFI图传）
第一篇:最简单DIY基于ESP32CAM的物联网相机系统①(用网页实现拍照图传) 第二篇:最简单DIY基于ESP32CAM的物联网相机系统②(在JAVAWEB服务器实现图片查看器) 第三篇:最简单DI ...
【游戏开发教程】Unity Cinemachine快速上手，详细案例讲解（虚拟相机系统 | 新发出品 | 良心教程）
文章目录一.前言二.插件下载三.案例1:第三人称自由视角,Free Look character场景 1.场景演示 2.组件参数 2.1.CinemachineBrain:核心 2.2.Cine ...
【游戏开发教程】Unity Cinemachine快速上手，详细案例讲解（虚拟相机系统新发出品良心教程）
文章目录一.前言二.插件下载三.案例1:第三人称自由视角,Free Look character场景 1.场景演示 2.组件参数 2.1.CinemachineBrain:核心 2.2.Cine ...
【论文笔记】投影仪-相机系统标定方法
文章目录 Simple, Accurate, and Robust Projector-Camera Calibration 摘要 1.介绍背景所提方法配套软件相关工作 2.方法^*^ A.投 ...
QT中Camera相机调用
一:摄像头配置 1.创建摄像头类,获取电脑端的所有摄像头 cameras = QCameraInfo::availableCameras(); //获取所有相机的列表 if (cameras.coun ...

cesium camera相机系统

文章目录

概括