首先,Cesium 中的坐标可分为两种情况:二维和三维,三维又有地形和模型之分;

1、二维坐标,获取椭球体表面的经纬度坐标:

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);

handler.setInputAction(function(evt) {

var cartesian=viewer.camera.pickEllipsoid(evt.position,viewer.scene.globe.ellipsoid);

var cartographic=Cesium.Cartographic.fromCartesian(cartesian);

var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值

var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值

var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值始终为零。

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

2、三维坐标,获取地形表面的经纬度高程坐标:

方法一

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);

handler.setInputAction(function(evt) {

var ray=viewer.camera.getPickRay(evt.position);

var cartesian=viewer.scene.globe.pick(ray,viewer.scene);

var cartographic=Cesium.Cartographic.fromCartesian(cartesian);

var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值

var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值

var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值为地形高度。

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

方法二

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);

handler.setInputAction(function(evt) {

var ray=viewer.camera.getPickRay(evt.position);

var cartesian=viewer.scene.globe.pick(ray,viewer.scene);

var cartographic=Cesium.Cartographic.fromCartesian(cartesian);

var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值

var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值  //height结果与cartographic.height相差无几,注意:cartographic.height可以为0,也就是说,可以根据经纬度计算出高程。

var height=viewer.scene.globe.getHeight(cartographic);

var mapPosition={x:lng,y:lat,z:height.height};//height的值为地形高度。

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

3、三维坐标,获取模型表面的经纬度高程坐标(此方法借鉴于官方示例):

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);

handler.setInputAction(function(evt) {

  var scene = viewer.scene;

  if (scene.mode !== Cesium.SceneMode.MORPHING) {

    var pickedObject = scene.pick(evt.position);

    if (scene.pickPositionSupported && Cesium.defined(pickedObject) && pickedObject.node) {

      var cartesian = viewer.scene.pickPosition(evt.position);

       if (Cesium.defined(cartesian)) {

        var cartographic = Cesium.Cartographic.fromCartesian(cartesian);

        var lng = Cesium.Math.toDegrees(cartographic.longitude);

        var lat = Cesium.Math.toDegrees(cartographic.latitude);

        var height = cartographic.height;//模型高度

    mapPosition={x:lng,y:lat,z:height}

    }

   }

  }

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

Cesium 鼠标拾取椭球、地形、模型坐标点(经度+纬度+高程)的更多相关文章

  1. DirectX11 With Windows SDK--21 鼠标拾取

    前言 拾取是一项非常重要的技术,不论是电脑上用鼠标操作,还是手机的触屏操作,只要涉及到UI控件的选取则必然要用到该项技术.除此之外,一些类似魔兽争霸3.星际争霸2这样的3D即时战略游戏也需要通过拾取技 ...

  2. cesium 学习(五) 加载场景模型

    cesium 学习(五) 加载场景模型 一.前言 现在开始实际的看看效果,目前我所接触到基本上都是使用Cesium加载模型这个内容,以及在模型上进行操作.So,现在进行一些加载模型的学习,数据的话可以 ...

  3. Cesium中级教程5 - Terrain 地形

    Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ CesiumJS支持对与水流相关的海洋.湖泊和河流以及全球高分辨 ...

  4. CSharpGL(21)用鼠标拾取、拖拽VBO图元内的点、线或本身

    CSharpGL(21)用鼠标拾取.拖拽VBO图元内的点.线或本身 效果图 以最常见的三角形网格(用GL_TRIANGLES方式进行渲染)为例. 在拾取模式为GeometryType.Point时,你 ...

  5. 【转】Unity3D 入门小技巧——鼠标拾取并移动物体

    http://blog.csdn.net/sysujackjiao/article/details/69396274 一.鼠标拾取物体的原理 在Unity3D当中,想要在观察面(Aspect)中拾取物 ...

  6. OpenRail中地形模型特征的含义

    点或点高程 点(附有 X.Y.Z 数据)与任何其他点之间没有功能关系.对开阔地形的随机测量拍摄可以被当做随机点的例子.点图元,如单元.圆圈和文字串是典型的 MICROSTATION 图元,用于用图表定 ...

  7. blender导入灰度图生成地形模型

    安装软件 在此处下载blender并安装. 添加平面 1.打开blender,右键删除初始的立方体. 2.shift+a选择平面添加进场景: 3.按下s键鼠标拖动调节平面大小确定后按下鼠标左键: 4. ...

  8. 鼠标/手指相对于元素的坐标(px转百分比)

    鼠标/手指相对于元素的坐标:鼠标或手指当前的位置 - 元素距离文档的位置 px转百分比:px / 文档尺寸 * 100 获取手指触摸在屏幕中相对于元素的坐标(px转百分比): $('#div').on ...

  9. Qt OpenGL 鼠标拾取实现

    在之前的文章中讲到了OpenGL鼠标拾取操作的例子,工作中需要在Qt中实现,下面的程序演示了QT中opengl的拾取例子. 本例子在Qt5.12和Qt Creator4.8.0上测试,使用的是QOpe ...

随机推荐

  1. scrapy的学习总结(1)

    1.xpath和css的节点的共同结合使用是一个挺好的使用过程,还有就是配合正则表达式的使用,这个也是很重要的.解决任何一个问题都会有不同方法.学会思考的解决问题. 2.item的数据抽取,pipel ...

  2. 用Python实现《芳华》小说中的汉字频率统计

     环境: Python 3的代码,亲测可用. 思路: 是先把每个字符提出来放在列表里:再过滤掉其中的标点符号:最后用字典对某个字出现的频率进行累加. 扩展: 用处很多,稍微改改,既可以用来统计小说或文 ...

  3. sys.argv[]用法-转载

    sys.argv变量是一个字符串的列表.特别地,sys.argv包含了命令行参数 的列表,即使用命令行传递给你的程序的参数. 这里,当我们执行python using_sys.py we are ar ...

  4. Windows10系统故障检测你知道多少-上海IT33

    Windows 10作为微软公司最新的一款操作系统,从使用的方便和界面的整洁上来说,固然是很好的,但是其因为隐私问题,致使很多人不惜一切代价想要远离Windows 10这款操作系统.尽管Windows ...

  5. 关于Maven的web项目的创建

    网上关于Maven的web项目创建多种多样,先本人在研究Maven之余,创建一套自己试过并有效的创建步骤. 1.点击右键>选择Maven Project,如下图所示: 2.点击创建,如下图所示: ...

  6. PHP XML简介

    php xml文件编程. xml简介 XML作用 1.可以作为程序间通讯的标准(ajax text xml) 2.可以作为配置文件 3.可以作为小型数据库 XML语法 一个xml文件应该包括以下几个内 ...

  7. Struts2实现文件上传报错(四)

    1.具体错误如下 2014-5-2 21:38:29 com.opensymphony.xwork2.util.logging.jdk.JdkLogger error 严重: Exception oc ...

  8. Javascript和JQuery中常用的随机数产生函数

    无论在普通Js框架或者JQuery中都可以使用的,函数如下,使用方法简介: 1)获取0-100的随机数--getRandom(100); 2)获取0-999的随机数--getRandom(999); ...

  9. js中的0就是false,非0就是true及案例

    在处理js代码判断真假时经常会这么写. 但fun()可能得到的是数字0,这可不是表示的没有值,但是!js中的数字0就是false,非0就是true. 于是0就被无情的当做false了. 已经被这个坑过 ...

  10. 【原】从零开始改造淘淘商城(引入dubbo解决项目耦合)02

    前言: 关于为什么要引入dubbo框架,而不是用spring cloud或者是motan呢,主要是笔者现在公司用的就是dubbo,并且第一次接触到微服务的概念是来源于dubbo,再加上最近dubbo频 ...