详细步骤都在注释里,不过多赘述了。
/**
* @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;
}