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

最新推荐文章于 2024-12-26 20:20:20 发布

JoshuaLi_

最新推荐文章于 2024-12-26 20:20:20 发布

阅读量658

点赞数 4

分类专栏： Cesium 文章标签： cesium javascript 前端

本文链接：https://blog.csdn.net/lzhlzhlzh_lzh/article/details/140497990

版权

Cesium 专栏收录该内容

7 篇文章

订阅专栏

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

/**
 * @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;
}