5

我想检测每次相机位置、航向、俯仰或滚动在 Cesium 视图上的变化,以便我可以更新显示这些值的显示。经过一番搜索,我最终发现我可以将事件处理程序添加到小部件的 Scene 对象上的不直观preRender或事件。postRender然而,这些事件都连续触发,每秒数百次。我猜他们每个时钟滴答都会发射一次。是否有另一个我可以注册的事件会在地图视图更改后简单地触发?我正在寻找与 Leaflet 的moveend活动相近的东西preRenderpostRender不是吗。

如果做不到这一点,有什么方法可以让我得到preRenderpostRender只有在事情发生实际变化时才开火?

4

5 回答 5

17

另一个不使用计时器的解决方案是监听摄像机移动开始和移动结束事件。

viewer.camera.moveStart.addEventListener(function() { 
     // the camera started to move
});
viewer.camera.moveEnd.addEventListener(function() { 
     // the camera stopped moving
});

这些听起来更像您正在寻找的事件。

[编辑]:虽然惯性旋转和缩放默认启用并且看起来很酷,但可以很容易地禁用它们。这将使 moveEnd 事件按预期触发。这是禁用惯性的方法。

var viewer = new Cesium.Viewer();

viewer.scene.screenSpaceCameraController.inertiaSpin = 0;
viewer.scene.screenSpaceCameraController.inertiaTranslate = 0;
viewer.scene.screenSpaceCameraController.inertiaZoom = 0;
于 2015-09-02T21:09:19.337 回答
3

使用 cesium v​​1.30,您可以使用以下代码:

viewer.camera.changed.addEventListener(function() {
  var deg = Math.round( Cesium.Math.toDegrees(viewer.camera.heading))
  console.log('Heading:', deg)

  var deg = Math.round( Cesium.Math.toDegrees(viewer.camera.pitch))
  console.log('Pitch:', deg)
})
于 2017-02-04T19:45:25.097 回答
1

除了答案https://stackoverflow.com/a/42044819/3092437之外,您可能希望设置viewer.camera.percentageChanged为接近的一些小值0(但0camera往往会一直生成change事件)。我使用0.001,它在所有缩放级别都提供了非常好的事件频率。

于 2017-07-12T07:43:33.747 回答
1

实际答案:

viewer.scene.morphStart.addEventListener(function(ignore, previousMode, newMode) {

});

还有morphComplete

https://www.cesium.com/docs/cesiumjs-ref-doc/Scene.html?classFilter=scene#morphComplete

于 2020-07-29T15:48:29.837 回答
0

我会推荐以下解决方案之一:

  • 设置一个间隔,以对您的应用程序有意义的任何频率轮询相机位置。

    var intervalHandle = setInterval(function() {
      var camera = viewer.scene.camera,
        store = {  position: camera.position.clone(),
                   direction: camera.direction.clone(),
                   up: camera.up.clone(),
                   right: camera.right.clone(),
                   transform: camera.transform.clone(),
                   frustum: camera.frustum.clone()
                };
      //update UI elements
      ...
     }, 1000); // every 1 second whatever is best for your application
    ...
    
  • 在更改的发起者上附加一个事件触发器。如果是鼠标,则在 mouseup 上。如果是键盘,则附加在键盘上。

    CameraEventAggregator 对象有一个名为“anyButtonDown”的成员,该成员对鼠标状态更改很有用。

  • 您也可以使用相机的 FlightCompleteCallback。如果您使用辅助方法移动它,那么只要相机完成移动,它就会触发。

于 2015-03-26T17:50:05.500 回答