首页 > 建站教程 > 地图,GIS教程 >  在Cesium中,将点击的位置转换为经纬度正文

在Cesium中,将点击的位置转换为经纬度

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

1、监听点击事件:你需要创建一个ScreenSpaceEventHandler来监听用户的点击事件。

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


2、获取点击位置的笛卡尔坐标:当用户点击场景时,使用viewer.scene.pickPosition方法来获取点击位置的笛卡尔坐标(Cartesian3)。这个方法会返回一个Cartesian3对象,如果点击的位置在地球表面之外,则返回undefined。

handler.setInputAction(function(click) {
    var cartesian = viewer.scene.camera.pickEllipsoid(click.position, viewer.scene.globe.ellipsoid);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);


3、将笛卡尔坐标转换为地理坐标:使用ellipsoid.cartesianToCartographic方法将笛卡尔坐标转换为地理坐标(Cartographic)。

var cartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian);


4、将地理坐标转换为经纬度:最后,使用Cesium.Math.toDegrees方法将地理坐标的经度和纬度转换为度数。

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


以下是完整的代码示例,展示了如何将点击事件中的笛卡尔坐标转换为经纬度坐标:

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场景中点击时,控制台就会输出点击位置的经纬度和高度信息。