Cesium - 在放大/缩小时使用相机缩放多边形以匹配经纬度位置

Question

我正在努力使用相机功能（我认为）可以提供一种方法来在缩小、放大和旋转（或相机移动）。

此问题遵循已解决的较早question。现在我需要一些帮助来解决我的下一个问题。

我试图遵循的示例代码位于the gold standard that appears to be baked into the existing camera controller here。

pickGlobe 使用查看器的参数、世界坐标中的正确 mousePosition 和结果参数执行，我现在不关心。 scene.pickPosition 采用 c2position (Cartesian2) 并应返回 scratchDepthIntersection (Cartesian3)。相反，返回值是undefined。

这是我的代码：

function clickAction(click) {
    var cartesian = scene.camera.pickEllipsoid(click.position, ellipsoid);
    if (cartesian) {
        var setCartographic = ellipsoid.cartesianToCartographic(cartesian);
        collection.latlonalt.push(
            Cesium.Math.toDegrees(setCartographic.latitude).toFixed(15),
            Cesium.Math.toDegrees(setCartographic.longitude).toFixed(15),
            Cesium.Math.toDegrees(setCartographic.height).toFixed(15)
        );
        lla.push(Cesium.Math.toDegrees(setCartographic.longitude), Cesium.Math.toDegrees(setCartographic.latitude));
        if (lla.length >= 4) {
            console.log((lla.length / 2) + ' Points Added');
        }
        enableDoubleClick();
        enableDraw();

        testMe(click.position);  <--------------------- straight from the mouse click
    }
}

var pickedPosition;
var scratchZoomPickRay = new Cesium.Ray();
var scratchPickCartesian = new Cesium.Cartesian3();
function testMe(c2MousePosition) {  <--------------------- straight from the mouse click
    if (Cesium.defined(scene.globe)) { 
        if(scene.mode !== Cesium.SceneMode.SCENE2D) {
            pickedPosition = pickGlobe(viewer, c2MousePosition, scratchPickCartesian);
        } else {
            pickedPosition = camera.getPickRay(c2MousePosition, scratchZoomPickRay).origin;
        }
    }
}

var pickGlobeScratchRay = new Cesium.Ray();
var scratchRayIntersection = new Cesium.Cartesian3();    
var c2position = new Cesium.Cartesian2();
function pickGlobe(viewer, c2MousePosition, result) {   <--------------------- straight from the mouse click
    c2position = c2MousePosition;   <--------------------- setting to Cartesian2

    var scratchDepthIntersection = new Cesium.Cartesian3();
    if (scene.pickPositionSupported) {
        scratchDepthIntersection = scene.pickPosition(c2MousePosition);  <--------------------- neither works!
    }

}

这是我的变量：

结果如下：

以下是我要让此代码正常工作的问题：

1.为什么没有设置 scratchDepthIntersection？ c2position 是 Cartesian2，c2MousePosition 直接来自 mouse.click.position，而 scratchDepthIntersection 是新的 Cartesian3。

Answer 1

mousePosition 的正确值是包含窗口坐标的Cartesian2，而不是Cartesian3。这样的鼠标坐标通常来自Cesium.ScreenSpaceEventHandler 的回调，但也可以从原生 JavaScript 鼠标/触摸事件构造。

如果您检查mousePosition 的内容，您应该会在窗口像素坐标中找到x 和y 值。

我看到您编辑了问题以包含mousePosition 的内容，看起来鼠标坐标已经转换为椭球Cartesian3 坐标，这将阻止此代码工作。您希望原始鼠标坐标直接进入 scene.pickPosition 以使其正常工作。