Cesium 判断位置是否在当前视口范围内

详细步骤都在注释里,不过多赘述了。

/**
 * @param {Object} position - Cartesian3坐标
 * @return {Boolean} 是否在视口中
 */
function isPositionInViewport(position) {
  // 获取当前视口范围
  let viewport = viewer.camera.computeViewRectangle();
  // 2D模式下拾取不到坐标,viewport返回undefined
  if (typeof viewport === 'undefined') {
    // 获取画布对象
    let canvas = viewer.scene.canvas;
    // 定义画布左上角的2D坐标
    let upperLeft = new Cesium.Cartesian2(0, 0);
    // 定义画布右下角的2D坐标
    let lowerRight = new Cesium.Cartesian2(canvas.clientWidth, canvas.clientHeight);

    // 获取地球椭球体对象
    let ellipsoid = viewer.scene.globe.ellipsoid;
    // 将左上角2D坐标转换为3D世界坐标
    let upperLeft3 = viewer.camera.pickEllipsoid(upperLeft, ellipsoid);
    // 将右下角2D坐标转换为3D世界坐标
    let lowerRight3 = viewer.camera.pickEllipsoid(lowerRight, ellipsoid);

    // 将左上角3D世界坐标转换为弧度坐标
    let upperLeftCartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(upperLeft3);
    // 将右下角3D世界坐标转换为弧度坐标
    let lowerRightCartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(lowerRight3);

    // 获取左上角的经度(弧度)
    let minx = upperLeftCartographic.longitude;
    // 获取右下角的经度(弧度)
    let maxx = lowerRightCartographic.longitude;
    // 获取右下角的纬度(弧度)
    let miny = lowerRightCartographic.latitude;
    // 获取左上角的纬度(弧度)
    let maxy = upperLeftCartographic.latitude;

    // 构建一个表示视口范围的矩形对象
    viewport = new Cesium.Rectangle(minx, miny, maxx, maxy);
  }

  // 将传入的Cartesian坐标转换为Cartographic坐标
  let cartographic = new Cesium.Cartographic.fromCartesian(position);
  // let cartographic = Cesium.Ellipsoid.WGS84.cartesianToCartographic(position);
  
  // 检查位置是否在视口范围内
  let isVisible = Cesium.Rectangle.contains(viewport, cartographic);
  // 返回结果:true表示在范围内,false表示不在范围内
  return isVisible;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值