Cesium的坐标拾取详解

Cesium的坐标拾取

• 屏幕坐标：鼠标点击位置距离canvas左上角的像素值

  var handler= new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
  handler.setInputAction(function (movement) {
      // movement.position 为屏幕坐标
       console.log(movement.position);
  }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
  

• 地图/椭球体表面的坐标, pickEllipsoid(windowPosition, ellipsoid, result) → Cartesian3

  var canvas = viewer.scene.canvas;
  var center = new Cesium.Cartesian2(canvas.clientWidth / 2.0, canvas.clientHeight / 2.0);
  var ellipsoid = viewer.scene.globe.ellipsoid;
  var result = viewer.camera.pickEllipsoid(center, ellipsoid);
  

• 地标坐标：只能求交于地形，不包括模型、倾斜摄影表面，能获取加载地形后的坐标，pick(ray, scene, result) → Cartesian3|undefined

  // 从相机位置到windowPosition 世界坐标中的像素创建射线。
  // 返回Cartesian3射线的位置和方向。
  var ray = viewer.camera.getPickRay(windowCoordinates);
  // 查找射线与渲染的地球表面之间的交点。射线必须以世界坐标给出。
  var intersection = globe.pick(ray, scene);
  

• 场景坐标：根据窗口坐标，从场景的深度缓冲区中拾取相应的位置，返回笛卡尔坐标，不仅可以求交地形，还可以求交除地形以外其他所有写深度的物体。pickPosition(windowPosition, result) → Cartesian3

  var viewer = new Cesium.Viewer('cesiumContainer');
  var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
  handler.setInputAction(function (movement) {
      var pickedObject = viewer.scene.pick(movement.endPosition);
      // 使用时，最好利用pickPositionSupported判断一下浏览器是否支持模型高度拾取 
      if (scene.pickPositionSupported && Cesium.defined(pickedObject)) {
          var cartesian = viewer.scene.pickPosition(movement.endPosition);
       	console.log(cartesian);
      } 
  }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
  

• globe.pick与scene.pickPosition比较

  • globe.pick的结果相对稳定准确，不论地形深度检测开启与否，不论加载的是默认地形还是别的地形数据；

  • scene.pickPosition只有在开启地形深度检测，且不使用默认地形时是准确的。

  • 注意点：
    globe.pick只能求交地形；

    scene.pickPosition不仅可以求交地形，还可以求交除地形以外其他所有写深度的物体。
    所以使用时可以二者结合来使用。

• Scene中pick讲解

  • pick：scene.pick可以通过此方法获取到pick对象，通过pick.id即可拾取当前的entity对象，也可以获取Cesium3DTileFeature对象；
  • drillPick：scene.drillPick(click.position)是从当前鼠标点击位置获取entity的集合，然后通过for循环可以获取当前坐标下的所有entity；