d3.js 获取当前像素坐标_Cesium开发入门篇 | 06坐标系及坐标变换
Cesium中常用的坐标
1.屏幕坐标(像素)
即二维笛卡尔平面坐标,我们通过鼠标点击直接获取的坐标就是屏幕坐标了,单位是像素值,也可以通过new Cesium.Cartesian2(x, y)创建。
2.笛卡尔空间直角坐标
笛卡尔空间直角坐标又称为世界坐标,Cesium中用Cartesian3变量表示,可通过new Cesium.Cartesian3(x, y, z)创建,主要是用来做空间位置的变化如平移、旋转和缩放等等,它的坐标原点在椭球的中心,如下图所示:
3.地理坐标(弧度)
Cesium中的地理坐标单位默认是弧度制,用Cartographic变量表示,可通过new Cesium.Cartographic(longitude, latitude, height)创建,其中这里的参数是用弧度表示的经纬度,即经度和纬度。弧度即角度对应弧长是半径的倍数。角度转弧度 π/180×角度弧度变角度 180/π×弧度
4.经纬度坐标
即测绘中的地理经纬度坐标,默认是WGS84坐标系,坐标原点在椭球的质心。
经度:参考椭球面上某点的大地子午面与本初子午面间的两面角,东正西负。
纬度 :参考椭球面上某点的法线与赤道平面的夹角,北正南负。
Cesuim中没有具体的经纬度对象,要得到经纬度首先需要计算为弧度,再进行转换。Cesium提供了如下对应的转换方法:
// 经纬度转弧度
Cesium.Math.toRadians(degrees)
// 弧度转经纬度
Cesium.Math.toDegrees(radians)
Cesium中常用的坐标变换
1.经纬度坐标转世界坐标
Cesium提供了两种方式将经纬度坐标转成世界坐标。
// 方法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 );
注意这里屏幕坐标一定要在球上,否则生成出的cartesian对象是undefined。
世界坐标转屏幕坐标:
// 三维笛卡尔空间直角坐标(世界坐标)转为二维屏幕坐标
// 结果是Cartesian2对象,取出X,Y即为屏幕坐标。
windowPostion = Cesium.SceneTransforms.wgs84ToWindowCoordinates(scene, cartesian3);
坐标变换工具
只有转换到笛卡尔坐标系后才能运用计算机图形学中的仿射变换知识进行空间位置变换如平移旋转缩放。Cesium为我们提供了如下几种很有用的变换工具类:
- Cesium.Cartesian3(相当于Point3D)
- Cesium.Matrix3(3x3矩阵,用于描述旋转变换)
- Cesium.Matrix4(4x4矩阵,用于描述旋转加平移变换)
- Cesium.Quaternion(四元数,用于描述围绕某个向量旋转一定角度的变换)
- Cesium.Transforms(包含将位置转换为各种参考系的功能)
d3.js 获取当前像素坐标_Cesium开发入门篇 | 06坐标系及坐标变换相关推荐
- cesium 页面截图_Cesium开发入门篇 | 02Cesium开发环境搭建及第一个示例
01 开发环境准备 利用Cesium API进行二次开发属于Web前端开发范畴,目前比较火的Web三剑客包括React.Vue.AngularJS,每个js库的详细介绍可转至官网查看,在此不做详细介绍 ...
- cesium 页面截图_Cesium开发入门篇 | 02开发环境搭建及第一个示例
开发环境准备 利用Cesium API进行二次开发属于Web前端开发范畴,目前比较火的Web三剑客包括React.Vue.AngularJS,每个js库的详细介绍可转至官网查看,在此不做详细介绍.本次 ...
- php 获取GPS,js获取GPS的坐标的方法代码
本篇文章给大家带来的内容是关于js获取GPS的坐标的方法代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 不多废话,直接上代码吧 1.这个比较简单function getLocat ...
- js获取页面光标坐标(x轴y轴)
问题详情 js获取页面光标坐标(x轴y轴) 解决方案 // 获取当前位置 getPosition() {setTimeout(() => {// 获取当前光标位置getSelection()co ...
- 相机标定 2D图像到3D坐标转换 像素坐标转到世界坐标时相机坐标系中的Zc值求解:线结构光平面标定法
线激光平面拟合图像 在单目视觉中会丢失掉焊缝的深度信息,为了后续求解焊缝的世界坐标则需要先求解出焊缝的深度信息才可以进行坐标计算. 在α和β平面分别对标定板进行拍照多幅图片(我采集了13幅)进行相机标 ...
- 后悔没早点看这篇直播系统定制开发入门篇
直播想必大家都不陌生了,在互联网的风口下,以及5G技术的推动,流量带宽的提高,使得直播在我们生活中扮演着越来越重要的角色.本文先来讲一下入门直播需要了解的一些基本概念,搜集整理了直播入门需要了解的一些 ...
- 【微信小程序】开发入门篇(二)
前言 ❤️ 所谓信仰,可能就是在人们一无所剩的时候仅有的那种东西 ❤️ [微信小程序]开发入门篇(二) 一.小程序的宿主环境 (1)宿主环境简介 1.1 什么是宿主环境 1.2 小程序的宿主环境 (2 ...
- 【微信小程序】开发入门篇(一)
前言 ❤️ 你可能认为一个人无法改变世界,但我想让你知道,这个世界也无法改变像我这样的人 ❤️ [微信小程序]开发入门篇(一) 一.小程序简介 (1)小程序与普通网页开发的区别 二.第一个小程序 (1 ...
- 【鸿蒙OS开发入门】06 - 启动流程代码分析之KernelOS:之启动Linux-4.19 Kernel内核 启动init进程
[鸿蒙OS开发入门]06 - 启动流程代码分析之KernelOS:之启动Linux-4.19 Kernel内核 一.head.S 启动start_kernel() 1.1 start_kernel() ...
最新文章
- android groovy 注解,Groovy 注释
- 游戏数据的捕捉(郁金香学习笔记)
- httphandlers 与 httpmodules
- 一行js代码识别Selenium+Webdriver及其应对方案 1
- angularjs与PHP,我应该混合AngularJS与PHP框架吗?
- 代码实现两个数交换方法
- dotNetCharting使用总结
- 电子书下载:Programming Microsoft LINQ in Microsoft .NET Framework 4
- linux中的信号2——进程如何处理信号?
- 扫帚:我天天都能立起来,看把你们闲的
- python实践作业_实践-python实现假设检验
- 分类(四)—— 支持向量机
- 英语高考听力测试软件,高考英语听力训练app
- Vue2.0搭建脚手架(vue-cli)
- 中科院软件所的毕业去向(硕+博)
- GitHub上的免费中文编程书
- Unity跟随鼠标顺时针或逆时针旋转之美
- input边框怎么去掉
- 如果有天我们变陌生了,那么我就重新认识你(晚安心语)
- 大学英语b级和计算机b,网络统考丨大学英语B级,6大题型及答题技巧!【零基础学员必看】...
热门文章
- Fiori里的exception继承
- Component Configuration.js - 所有支持属性列表 - configuration priority
- 如何使用Cyberduck登录SAP Leonardo机器学习服务的AWS在线存储
- 删除IBASE component时遇到data_not_consistent的exception
- Use BAdI - call_workitem_exit workflow
- initializeAdvisorChain
- 如何处理错误消息Please install the gcc make perl packages
- 使用SAP云平台 + JNDI访问Internet Service
- Jmeter在运行结果中文出现乱码问题
- 可持久化-可持久化字典树