墨香阁
| 分享生活的点滴

cesium屏幕坐标转换经纬度坐标

2025年01月15日 08:19:30
7 views
1 min read
前端
cesium屏幕坐标转换经纬度坐标

在Cesium中,将点击的位置转换为经纬度的步骤如下:

  • 监听点击事件:首先,你需要创建一个ScreenSpaceEventHandler来监听用户的点击事件。
javascript
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
  1. 获取点击位置的笛卡尔坐标:当用户点击场景时,使用viewer.scene.pickPosition方法来获取点击位置的笛卡尔坐标(Cartesian3)。这个方法会返回一个Cartesian3对象,如果点击的位置在地球表面之外,则返回undefined

    javascript
    handler.setInputAction(function(click) { var cartesian = viewer.scene.camera.pickEllipsoid(click.position, viewer.scene.globe.ellipsoid); }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
  2. 将笛卡尔坐标转换为地理坐标:使用ellipsoid.cartesianToCartographic方法将笛卡尔坐标转换为地理坐标(Cartographic)。

    javascript
    var cartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian);
  3. 将地理坐标转换为经纬度:最后,使用Cesium.Math.toDegrees方法将地理坐标的经度和纬度转换为度数。

    javascript
    var longitude = Cesium.Math.toDegrees(cartographic.longitude); var latitude = Cesium.Math.toDegrees(cartographic.latitude);
  • 以下是完整的代码示例,展示了如何将点击事件中的笛卡尔坐标转换为经纬度坐标:
javascript
var viewer = new Cesium.Viewer('cesiumContainer'); var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function(click) { // 获取点击位置的笛卡尔坐标 var cartesian = viewer.scene.camera.pickEllipsoid(click.position, viewer.scene.globe.ellipsoid); if (cartesian) { // 将笛卡尔坐标转换为地理坐标 var cartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian); // 将地理坐标转换为经纬度 var longitude = Cesium.Math.toDegrees(cartographic.longitude); var latitude = Cesium.Math.toDegrees(cartographic.latitude); var height = cartographic.height; // 高度信息 console.log('经度:' + longitude + ', 纬度:' + latitude + ', 高度:' + height); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

这样,当用户在Cesium场景中点击时,控制台就会输出点击位置的经纬度和高度信息。

© 2025 . 保留所有权利.

原始文章发表于 2025年01月15日 08:19:30

发表留言

全部留言 (0)

暂无留言,成为第一个留言的人吧!