Bootstrap

cesium获取模型实时坐标_Cesium获取鼠标点击位置(PickPosition)

cesium学习了这么长时间,有时候写鼠标点击事件时,想获取鼠标点击点位置,发现情况很多。比如以下情形:

1获取鼠标点的对应椭球面位置

2获取加载地形后对应的经纬度和高程

3获取倾斜摄影或模型点击处的坐标

4获取点击处屏幕坐标

......

发现不同场景对坐标需要不一致,因此花费了一点时间,学习下cesium的鼠标点击位置的获取api接口,看了官方文档和对应的示例,我总结了cesium提供以下几种接口(可能还有其它方式,我还没看到吧!)。

1、屏幕坐标(鼠标点击位置距离canvas左上角的像素值)

通过:movement.position获取

var viewer = new Cesium.Viewer('cesiumContainer');

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

handler.setInputAction(function (movement) {

console.log(movement.position);

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

e7e65b448eeb

屏幕坐标.png

2、世界坐标(Cartesian3)

;