Cesium 监听地图缩放

  • 方法一:camera.changed
  viewer.camera.changed.addEventListener(() => {
  	// TODO
  })

优点:响应式,只有相机视野变化才触发
缺点:响应不灵敏,相机视野变化达到一定的幅度后才会触发一次


  • 方法二:clock.onTick
  viewer.clock.onTick.addEventListener(() => {
    // TODO
  })

优点:响应灵敏,每个时钟都会执行,地图缩放变化能及时捕捉到
缺点:轮循式,无轮地图缩放是否有变化都会执行,可自己判断是否有变化,以决定执行业务代码


  • 方法三:鼠标滚轮监听 ScreenSpaceEventHandler.setInputAction
  const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)
  handler.setInputAction((wheelment) => {
    // TODO
  }, Cesium.ScreenSpaceEventType.WHEEL)

优点:响应式且响应灵敏
缺点:只能监听鼠标滚轮变化触发的地图缩放,如果是界面上按钮触发或直接代码触发等无法监听

你可能感兴趣的:(Cesium,前端,Cesium,监听,缩放)