cesium 常用鼠标事件

最新推荐文章于 2024-09-30 02:09:07 发布

原创

最新推荐文章于 2024-09-30 02:09:07 发布 · 441 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#计算机外设 #javascript #前端

文章详细描述了如何在Cesium库中使用ScreenSpaceEventHandler来处理屏幕上的鼠标点击、滚动、移动和键盘事件，以便获取和更新地球表面位置信息。

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

获取屏幕中心点坐标

PositionHandler.setInputAction(e => {
                const center = new Cesium.Cartesian2(viewer.canvas.clientWidth / 2, viewer.canvas.clientHeight / 2)
                // 使用pickEllipsoid方法获取地球表面位置
                const centerResult = viewer.camera.pickEllipsoid(center)
                const curPosition = Cesium.Ellipsoid.WGS84.cartesianToCartographic(centerResult)
                if (curPosition) {
                    const curLongitude = (curPosition.longitude * 180) / Math.PI
                    const curLatitude = (curPosition.latitude * 180) / Math.PI
                    // console.log(curLongitude)
                    // console.log(curLatitude)
                    viewer.cesiumNavigation.navigationViewModel.pick_longitude = viewer.cesiumNavigation.navigationViewModel.camera_longitude
                    viewer.cesiumNavigation