解决Cesium空间量测（测距、测面积）的点位偏移问题

解决Cesium空间量测（测距、测面积）的点位偏移问题

参考的是这位大佬的空间量测代码
https://blog.youkuaiyun.com/qq_18144905/article/details/81947780
但是我自己的页面有调整一些布局，比如这样

此时再去点击某个位置就会出现点位的偏移。

原因是

 handler.setInputAction(function (movement) {
 		//...
         cartesian = viewer.scene.pickPosition(movement.endPosition);
        // ....
         }

此时的movement.endPosition（0,0）是鼠标距离窗口左上角的位置，但是由于布局我的cesium窗口不是顶在左上角，所以造成了点位偏移。

解决办法:以我自己的布局为例

 handler.setInputAction(function (movement) {
 		//...
 		//减去cesium框偏移量
        //1.拿到head的高度，左侧目录的宽度
        let $head=$('.head'),
            $menuBox=$('.menuBox');
        let outerH=$head.outerHeight(),outerW=$menuBox.outerWidth();
        movement.position.x=movement.position.x-outerW;
        movement.position.y=movement.position.y-outerH;
         cartesian = viewer.scene.pickPosition(movement.position);
        // ....
         }

把 movement.position先调整好就可以了！

小提示：只要是有handler.setInputAction(function (movement){}）里用到movement的地方都得改。