经纬志
首页 / Cesium / 使用示例

按距离显隐模型

同一个位置放两档模型:600 米以内显示小的,700 米之外显示大的, 中间留出空档。两个按钮把相机推到近处和远处。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

区间是米

new Cesium.DistanceDisplayCondition(near, far) 的两个参数是 相机到物体的距离,单位米。距离落在区间内才绘制, 超出任一端都隐藏。示例的近模型用 0 到 600,远模型用 700 到 4000。

标签也支持同一个属性。示例给标签挂了相同区间, 模型消失时文字一起消失,避免出现「只有名字没有物体」的情况。

为什么要两档

一种常见做法是远看用低模、近看用高模。把两个模型放在同一坐标, 用互补的距离区间切换,就能在视觉上拼成一个连续的物体, 同时避免远处加载细节过多的几何体。

可调参数

位置改什么效果
近模型区间0~600 改成 0~1200近模型可见范围变大
远模型区间700~4000 改成 200~4000两档出现重叠
scale近模型改 120近处模型更小
minimumPixelSize改 0远处模型可以缩到很小

面板上的距离是实时算的。示例把相机位置与目标点相减再取模长, 结果和 distanceDisplayCondition 判定的距离口径一致, 可以用来核对切换时机。