cesium 获取屏幕位置.txt

0.说明
通过获取屏幕位置，进而可以转化成 wgs84 坐标系的位置，
进而可以进行相应的操作。
该位置是 $(".cesium-viewer") 元素的 clientX-clientY。

1. jquery 方式，已经过验证。
let wheelingPosition = {};
// 给$(".cesium-viewer")元素添加 mousemove 事件。
$(".cesium-viewer").on("mousemove", function (event) {
    /*功能：获取鼠标的实时位置。*/
    wheelingPosition.x = event.clientX;
    wheelingPosition.y = event.clientY;
    console.log("wheelingPosition:", wheelingPosition);
    // wheelingPosition: {x: 139, y: 312}
});

2. cesium 方式。
handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
    // console.log("movement:", movement);
    console.log("endPosition:", movement.endPosition);
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);


3.对比实验
3.1 实验记录：
endPosition: a {x: 508.5, y: 502.5}
wheelingPosition: {x: 508, y: 502}

endPosition: a {x: 545, y: 502.5}
wheelingPosition: {x: 545, y: 502}

endPosition: a {x: 616, y: 495}
wheelingPosition: {x: 616, y: 495}

endPosition: a {x: 640, y: 492.5}
wheelingPosition: {x: 640, y: 492}

3.2 实验结论
二者结果相似，cesium 更精确。