4 Cesium鼠标事件

最新推荐文章于 2024-05-23 10:42:06 发布

Eric Coper

最新推荐文章于 2024-05-23 10:42:06 发布

阅读量88

点赞数

文章标签：计算机外设 javascript 前端 arcgis

本文链接：https://blog.csdn.net/weixin_51644864/article/details/132192764

版权

鼠标事件

具体的鼠标事件可以查询官网
这里讲如何拿到点击的坐标

  // 获取句柄
  const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)

  handler.setInputAction(function (movement) {
    // 该处获取的为屏幕坐标
    console.log(movement.position)
    // 射线
    let ray = viewer.camera.getPickRay(movement.position)
    console.log(ray)
    let intersection = viewer.scene.globe.pick(ray, viewer.scene)
    console.log('intersction',intersection);
    
    if(intersection){
      console.log('clicked earth',intersection)
      let toWGS8484pos = Cesium.Ellipsoid.WGS84.cartesianToCartographic(intersection)
      // 弧度经度和维度
      console.log('wgs84',toWGS8484pos)
      // 由于弧度剖分，导致高度为负数，放大倍数越高，剖分程度越高，无限接近于0
      
    }
  }, Cesium.ScreenSpaceEventType.LEFT_CLICK)