Cesium通过鼠标点击获取该位置的经纬度

最新推荐文章于 2024-08-28 11:14:23 发布

静尾

最新推荐文章于 2024-08-28 11:14:23 发布

阅读量1.2k

点赞数 2

分类专栏： Cesium 文章标签： webgl javascript

本文链接：https://blog.csdn.net/qq_41176306/article/details/117705186

版权

Cesium 专栏收录该内容

28 篇文章 31 订阅

订阅专栏

本文介绍如何使用Cesium库在Web应用中，通过鼠标点击事件获取用户位置的经纬度。通过`ScreenSpaceEventHandler`和`camera.pickEllipsoid`方法，实时捕捉地图上的点击，并转化为经纬度数据。

摘要由CSDN通过智能技术生成

Cesium通过鼠标点击获取该位置的经纬度

const handler = new Cesium.ScreenSpaceEventHandler(this.viewer.canvas);
handler.setInputAction((event) => {// 添加点击左键的监听
    const cartesian = this.viewer.camera.pickEllipsoid(event.position, this.viewer.scene.globe.ellipsoid); // Cartesian3对象
    const cartographic = Cesium.Cartographic.fromCartesian(cartesian); // 经纬高对象
    const lng = Cesium.Math.toDegrees(cartographic.longitude);
    const lat = Cesium.Math.toDegrees(cartographic.latitude);
    const location = [lng, lat]; // 即为经纬度数组

    handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK); // 取消点击左键的监听
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);