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

实景三维城市

用带立面纹理的体块搭建城市,复现实景三维瓦片的观感。

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

实景三维的组成

实景三维瓦片本质是带贴图的三角网,按空间分块加载。视觉上真实的两个关键:立面纹理连续、屋顶与立面颜色区分明显。

示例替代了什么

官方示例通过 ion 加载 Google 实景三维瓦片。这里用同一张贴图重复铺到程序化体块上,保留「立面 + 屋顶」的观感,数据完全由代码生成。

要素实现说明
立面ImageMaterialProperty一张贴图重复使用
屋顶薄盒体覆盖避免立面纹理贴到顶面
密度14 × 10 体块约 140 栋

同一张贴图重复给上百个盒体,纹理只上传一次;换成每栋一张图会迅速吃满显存。