Cesium学习笔记

750 阅读3分钟

初始化

viewer = new Cesium.Viewer("cesiumContainer", {  
animation: false, // 隐藏动画控件  
baseLayerPicker: false, // 隐藏图层选择控件  
fullscreenButton: false, // 隐藏全屏按钮  
vrButton: false, // 隐藏VR按钮,默认false  
geocoder: false, // 隐藏地名查找控件  
homeButton: false, // 隐藏Home按钮  
infoBox: false, // 隐藏点击要素之后显示的信息窗口  
sceneModePicker: false, // 隐藏场景模式选择控件  
selectionIndicator: true, // 显示实体对象选择框,默认true  
timeline: false, // 隐藏时间线控件  
navigationHelpButton: false, // 隐藏帮助按钮  
scene3DOnly: true, // 每个几何实例将只在3D中呈现,以节省GPU内存  
shouldAnimate: true, // 开启动画自动播放  
sceneMode: 3, // 初始场景模式 1:2D 2:2D循环 3:3D,默认3  
requestRenderMode: true, // 减少Cesium渲染新帧总时间并减少Cesium在应用程序中总体CPU使用率 
                         // 如场景中的元素没有随仿真时间变化,请考虑将设置maximumRenderTimeChange为较高的值,
                         //例如Infinity  maximumRenderTimeChange: Infinity})

Cesium中的坐标系

经纬度和弧度的转换

var radians=Cesium.Math.toRadians(degrees);//经纬度转弧度
var degrees=Cesium.Math.toDegrees(radians);//弧度转经纬度

WGS84经纬度坐标和WGS84弧度坐标系(Cartographic)的转换

//方法一:
var longitude = Cesium.Math.toRadians(longitude1); //其中 longitude1为角度

var latitude= Cesium.Math.toRadians(latitude1); //其中 latitude1为角度

var cartographic = new Cesium.Cartographic(longitude, latitude, height);

//方法二:
var cartographic= Cesium.Cartographic.fromDegrees(longitude, latitude, height);//其中,longitude和latitude为角度

//方法三:
var cartographic= Cesium.Cartographic.fromRadians(longitude, latitude, height);//其中,longitude和latitude为弧度

WGS84坐标系和笛卡尔空间直角坐标系(Cartesian3)的转换

var position = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);//其中,高度默认值为0,可以不用填写;longitude和latitude为角度

var positions = Cesium.Cartesian3.fromDegreesArray(coordinates);//其中,coordinates格式为不带高度的数组。例如:[-115.0, 37.0, -107.0, 33.0]

var positions = Cesium.Cartesian3.fromDegreesArrayHeights(coordinates);//coordinates格式为带有高度的数组。例如:[-115.0, 37.0, 100000.0, -107.0, 33.0, 150000.0]

//同理,通过弧度转换,用法相同,具体有Cesium.Cartesian3.fromRadians,Cesium.Cartesian3.fromRadiansArray,Cesium.Cartesian3.fromRadiansArrayHeights等方法

笛卡尔空间直角坐标系转换为WGS84

直接转换
var cartographic= Cesium.Cartographic.fromCartesian(cartesian3);

转换得到WGS84弧度坐标系后再使用经纬度和弧度的转换,进行转换到目标值

间接转换
var cartographic = Cesium.Ellipsoid.WGS84.cartesianToCartographic(cartesian3);
var cartographics = Cesium.Ellipsoid.WGS84.cartesianArrayToCartographicArray([cartesian1,cartesian2,cartesian3]);

平面坐标系(Cartesian2)和笛卡尔空间直角坐标系(Cartesian3)的转换

平面坐标系转笛卡尔空间直角坐标系

这里注意的是当前的点(Cartesian2)必须在三维球上,否则返回的是undefined;通过ScreenSpaceEventHandler回调会取到的坐标都是Cartesian2。

屏幕坐标转场景坐标-获取倾斜摄影或模型点击处的坐标

这里的场景坐标是包含了地形、倾斜摄影表面、模型的坐标。

通过viewer.scene.pickPosition(movement.position)获取,根据窗口坐标,从场景的深度缓冲区中拾取相应的位置,返回笛卡尔坐标。

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
     var position = viewer.scene.pickPosition(movement.position);
     console.log(position);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

注:若屏幕坐标处没有倾斜摄影表面、模型时,获取的笛卡尔坐标不准,此时要开启地形深度检测(viewer.scene.globe.depthTestAgainstTerrain = true; //默认为false)。

屏幕坐标转地表坐标-获取加载地形后对应的经纬度和高程

这里是地球表面的世界坐标,包含地形,不包括模型、倾斜摄影表面。

通过viewer.scene.globe.pick(ray, scene)获取,其中ray=viewer.camera.getPickRay(movement.position)。

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
     var ray = viewer.camera.getPickRay(movement.position);
     var position = viewer.scene.globe.pick(ray, viewer.scene);
     console.log(position);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

注:通过测试,此处得到的坐标通过转换成wgs84后,height的为该点的地形高程值。

屏幕坐标转椭球面坐标-获取鼠标点的对应椭球面位置

这里的椭球面坐标是参考椭球的WGS84坐标(Ellipsoid.WGS84),不包含地形、模型、倾斜摄影表面。

通过 viewer.scene.camera.pickEllipsoid(movement.position, ellipsoid)获取,可以获取当前点击视线与椭球面相交处的坐标,其中ellipsoid是当前地球使用的椭球对象:viewer.scene.globe.ellipsoid,默认为Ellipsoid.WGS84。

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
     var position = viewer.scene.camera.pickEllipsoid(movement.position, viewer.scene.globe.ellipsoid);
     console.log(position);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

注:通过测试,此处得到的坐标通过转换成wgs84后,height的为0(此值应该为地表坐标减去地形的高程)。

笛卡尔空间直角坐标系转平面坐标系

var cartesian2= Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene,cartesian3)