Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

码途聆云者
• 阅读 1067

Cartesian笛卡尔坐标系

二维平面直角坐标系Cartesian2

Cartesian2通常用于表示二维笛卡尔坐标,例如在屏幕空间中表示鼠标的位置

`
var cartesian2 = new Cesium.Cartesian2(x, y);
`

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

空间直角坐标系Cartesian3

笛卡尔空间坐标的原点就是椭球的中心,我们在计算机上进行绘图时,不方便使用经纬度直接进行绘图,一般会将坐标系转换为笛卡尔坐标系,使用计算机图形学中的知识进行绘图

new Cesium.Cartesian3 ( x , y , z )

x :横轴(默认指向东经0度,北纬0度);
y:纵轴(默认指向东经90度,北纬0度);
z:竖轴(默认指向东经0度,北纬90度

      window.viewer.entities.add({
          id:"1",
          position : Cesium.Cartesian3.fromDegrees(104.1, 30.6, 200),
          box : { 
            dimensions : new Cesium.Cartesian3(200.0, 200.0, 200.0),
            material : Cesium.Color.fromRandom({alpha : 1.0})
          }
      })

可以简单的看作一个实体在空间坐标系中的长宽高。

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

Cartesian2和Cartesian3的相互转换

1、Cartesian2转Cartesian3

 /**
    * @description: 坐标系
    * @return {*}
    */    
   const handelCartesian = ()=>{
    let handler = new Cesium.ScreenSpaceEventHandler(window.viewer.scene.canvas);
    handler.setInputAction(function (event) {      
        const cartesian2= event.position
        console.log('屏幕坐标(平面坐标系cartesian2)', event.position);
        const cartesian3 = window.viewer.scene.globe.pick(window.viewer.camera.getPickRay(cartesian2),window.viewer.scene);  
        console.log('空间坐标系(笛卡尔坐标系cartesian3)',cartesian3);
      }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
   }      

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

注意:如果出现cartesian对象是undefined时,就要排查一下当前的屏幕坐标是否存在于地球球面上。

1、Cartesian3转Cartesian2

/**
    * @description: 坐标系
    * @return {*}
    */    
   const handelCartesian = ()=>{
    let handler = new Cesium.ScreenSpaceEventHandler(window.viewer.scene.canvas);
    handler.setInputAction(function (event) {      
        const cartesian= event.position
        console.log('屏幕坐标(平面坐标系cartesian2)', event.position);
        const cartesian3 = window.viewer.scene.globe.pick(window.viewer.camera.getPickRay(cartesian),window.viewer.scene);  
        console.log('空间坐标系(笛卡尔坐标系cartesian3)',cartesian3);
        const cartesian2 = Cesium.SceneTransforms.wgs84ToWindowCoordinates(window.viewer.scene, cartesian3);
        console.log('转换后:屏幕坐标(平面坐标系cartesian2)', cartesian2);
      }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
   } 

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

Cartographic WGS84弧度坐标系

 WGS84经纬度坐标系

地图地理坐标经纬度

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

其实这里地理坐标就是(104.1, 30.6)这种常见的坐标系。地理坐标系无法直接加载到地球球体上,需要转成空间直角坐标系Cartesian3才能加载。

WGS84经纬度坐标系转成世界坐标系

const handelCartographic = ()=>{
    const a = new Cesium.Cartesian3.fromDegrees(104.1, 30.6, 200);
    console.log(a);
    
  }

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

 WGS84弧度坐标系(Cartographic)

在数学上被称为球坐标系

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

new Cesium.Cartographic(longitude, latitude, height)

以弧度表示在球体中的坐标点位

const handelCartographic = ()=>{
    const a = new Cesium.Cartesian3.fromDegrees(104.1, 30.6, 200);
    console.log(a);
    const b = new Cesium.Cartographic.fromDegrees(104.1, 30.6, 200);
    console.log(b); 
  }

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

longitude:经度
latitude:纬度
height:弧度即角度对应弧长是半径的倍数【椭球上方的高度(以米为单位)】

注:这里的经纬度是用弧度表示的,经纬度其实就是角度。弧度即角度对应弧长是半径的倍数。
角度转弧度: π / 180 × 角度
弧度变角度: 180 / π × 弧度

世界坐标系和WGS84坐标系相互转换

WGS84弧度坐标系转世界坐标

const handelCartographic = ()=>{
    const a = new Cesium.Cartesian3.fromDegrees(104.1, 30.6, 200);
    console.log("世界坐标",a);
    const b = new Cesium.Cartographic.fromDegrees(104.1, 30.6, 200);
    console.log("WGS84弧度坐标系",b); 
    /* 方法一 */
    const c = new Cesium.Cartesian3.fromRadians(b.longitude,b.latitude,b.height)
    console.log("方法一WGS84弧度坐标系转世界坐标",c);
    /* 方法二 */
    const ellipsoid = window.viewer.scene.globe.ellipsoid; 
    const cartesian3 = ellipsoid.cartographicToCartesian(b);
    console.log("方法二WGS84弧度坐标系转世界坐标",cartesian3);

    // 方法三
    const d = new  Cesium.Cartographic.toCartesian(b)
    console.log('WGS84弧度坐标系转换为世界坐标',d);
  }

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

世界坐标转换为WGS84弧度坐标系

const handelCartographic = ()=>{
    const a = new Cesium.Cartesian3.fromDegrees(104.1, 30.6, 200);
    console.log("世界坐标",a);
    const b = new Cesium.Cartographic.fromDegrees(104.1, 30.6, 200);
    console.log("WGS84弧度坐标系",b); 
    const c = Cesium.Cartographic.fromCartesian(a)
    console.log('世界坐标转换为WGS84弧度坐标系',c);
  }

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

世界坐标转换为WGS84经纬度坐标系

const handelCartographic = ()=>{
    const ellipsoid = window.viewer.scene.globe.ellipsoid;  
    const a = new Cesium.Cartesian3.fromDegrees(104.1, 30.6, 200);
    console.log("世界坐标",a); 
    const cartographic = ellipsoid.cartesianToCartographic(a);
    console.log(cartographic);
    // toDegrees:将弧度转换为度数函数
    const lat = Cesium.Math.toDegrees(cartographic.latitude);
    const lng = Cesium.Math.toDegrees(cartographic.longitude);
    const alt = cartographic.height;
    console.log('世界坐标转换为经纬度',lat,lng,alt);
  }

Cesium ——坐标系Cartesian3、Cartographic(WGS84坐标系、笛卡尔坐标系)

经纬度转弧度:
Cesium.CesiumMath.toRadians(degrees)
弧度转经纬度:
Cesium.CesiumMath.toDegrees(radians)
点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
4年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Easter79 Easter79
4年前
SVG的坐标系统
在开始学习如何绘图之前,我们先来看一下SVG的坐标系统。与很多计算机绘图所使用的坐标系统一样,SVG也使用了网格坐标系统。这种坐标和我们以前在数学中学过的坐标有些不同。数学中的坐标是由x轴(水平横向延伸)和y轴(垂直纵向延伸)交织组成,交点被称为坐标原点(0,0)。原点沿x轴向右为正值,反之为负值,沿y轴向上
Wesley13 Wesley13
4年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Wesley13 Wesley13
4年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
4年前
PHP创建多级树型结构
<!lang:php<?php$areaarray(array('id'1,'pid'0,'name''中国'),array('id'5,'pid'0,'name''美国'),array('id'2,'pid'1,'name''吉林'),array('id'4,'pid'2,'n
Stella981 Stella981
4年前
SVG 坐标系统
在开始学习如何绘图之前,我们先来看一下SVG的坐标系统。与很多计算机绘图所使用的坐标系统一样,SVG也使用了网格坐标系统。这种坐标和我们以前在数学中学过的坐标有些不同。数学中的坐标是由x轴(水平横向延伸)和y轴(垂直纵向延伸)交织组成,交点被称为坐标原点(0,0)。原点沿x轴向右为正值,反之为负值,沿y轴向上
Easter79 Easter79
4年前
SVG 坐标系统
在开始学习如何绘图之前,我们先来看一下SVG的坐标系统。与很多计算机绘图所使用的坐标系统一样,SVG也使用了网格坐标系统。这种坐标和我们以前在数学中学过的坐标有些不同。数学中的坐标是由x轴(水平横向延伸)和y轴(垂直纵向延伸)交织组成,交点被称为坐标原点(0,0)。原点沿x轴向右为正值,反之为负值,沿y轴向上
Stella981 Stella981
4年前
SVG的坐标系统
在开始学习如何绘图之前,我们先来看一下SVG的坐标系统。与很多计算机绘图所使用的坐标系统一样,SVG也使用了网格坐标系统。这种坐标和我们以前在数学中学过的坐标有些不同。数学中的坐标是由x轴(水平横向延伸)和y轴(垂直纵向延伸)交织组成,交点被称为坐标原点(0,0)。原点沿x轴向右为正值,反之为负值,沿y轴向上
Wesley13 Wesley13
4年前
80、54、84坐标系七参数转换算法
一、为什么要进行坐标转换  我们所在地球是一个不规则的椭球,地表凹凸不平,地底密度不均,因此很难用一个简单模型来概括。国际上根据建模坐标系的原点不同分为参心坐标系和地心坐标系,其中参心坐标系是指参考椭球的几何中心坐标基准,地心,通常分为:参心空间直角坐标系(以x,y,z为其坐标元素)和参心大地坐标系(以B,L,H为其坐标元素)
码途聆云者
码途聆云者
Lv1
黑发不知勤学早,白首方悔读书迟。
文章
2
粉丝
0
获赞
0