我正在努力解决相机功能(我认为),该功能将提供一种在缩小、放大和旋转(或相机移动)。
此问题遵循之前的 question问题已解决。现在我需要一些帮助来解决我的下一个问题。
我尝试遵循的示例代码位于 the gold standard that appears to be baked into the existing camera controller here .
pickGlobe 是使用查看器的参数、世界坐标中正确的 mousePosition 和结果参数执行的,我现在不关心这些参数。 scene.pickPosition 采用 c2position (Cartesian2) 并应返回 scrapDepthIntersection (Cartesian3)。相反,返回值是未定义。
这是我的代码:
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。为什么没有设置 scrapDepthIntersection? c2position 是 Cartesian2,c2MousePosition 直接来自 mouse.click.position,scratchDepthIntersection 是新的 Cartesian3。
最佳答案
mousePosition
的正确值是包含窗口坐标的 Cartesian2
,而不是 Cartesian3
。此类鼠标坐标通常来自 Cesium.ScreenSpaceEventHandler
的回调,但也可以从 native JavaScript 鼠标/触摸事件构造。
如果检查 mousePosition
的内容,您应该在窗口像素坐标中找到 x
和 y
值。
我看到您编辑了问题以包含 mousePosition
的内容,并且看起来鼠标坐标已经转换为椭球 Cartesian3
坐标,这将阻止这种情况代码工作。您希望将原始鼠标坐标直接输入到 scene.pickPosition
中,这样才能正常工作。
关于javascript - Cesium - 使用相机缩放多边形以在放大/缩小时匹配经纬度位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36223668/