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

点云:用点勾勒城市

没有面,照样能看出楼。地面铺网格点、建筑沿柱角打点,一片点云就立起来了。

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

这个示例在做什么

一片城区点云:地面按 1.5 米的网格铺点,四栋建筑沿四根立柱每 2 米采一个点, 连起来就能看出体块轮廓。相机绕场景缓慢环绕。

点云与模型的最大差别是「没有面」。要让人看出建筑的形状,点的分布就要贴合几何特征, 比如柱角、檐口。示例按固定规则采样,真实激光点云则由扫描仪直接给出。 点数控制在一万以内,PointPrimitiveCollection 可以轻松应付。

关键接口

接口作用
PointPrimitiveCollection.add逐点添加,内部按批次提交
pixelSize点的屏幕直径,点云一般取 1–4 像素
Cesium3DTileset + pnts十万级以上点云的正确打开方式
postRender驱动相机环绕

可以直接改的地方

位置改什么效果
gx += 1.5改成 0.5地面点密九倍
hh += 2改成 0.5建筑点更密,轮廓更连贯
blocks增加楼栋点云里多出体块
pixelSize: 2改成 4点更粗,接近泼溅观感

替代说明:官方示例加载 ion 上的点云瓦片(pnts)。这里用规则采样生成点集, 渲染接口相同;点数上万后应改用 Cesium3DTileset 按瓦片流式加载。