首页 / Cesium / 使用示例
分层体量与楼层信息
方案阶段看的是体量关系。逐层分色加点击查信息，层高、退台与面积一眼就能对上。
源码与运行效果
这个示例在做什么
一栋六层建筑，每层单独一个颜色。点击某一层，该层描边变黄，右下角显示楼层号、 建筑面积与标高区间；点空白处恢复。
方案阶段的体量模型讲究「看得清层次」。逐层分色是最直接的做法，比统一材质更容易读出层高与退台。 真实 AEC 数据里每层是一个构件集合，点击楼层相当于按属性筛选构件， 逻辑与示例一致：拿到楼层字段，再把该层的构件高亮。
关键接口
| 接口 | 作用 |
|---|---|
entity.properties | 挂楼层号、面积、标高等设计参数 |
box.outlineColor | 楼层高亮，比换材质更轻 |
tileset.style | 真实数据按楼层字段做整体高亮 |
ScreenSpaceEventHandler | 绑定点击事件做楼层切换 |
可以直接改的地方
| 位置 | 改什么 | 效果 |
|---|---|---|
floorCount = 6 | 改成 12 | 更高的楼，配色循环使用 |
floorH = 4.2 | 改成 3.6 | 层高变化，比例更紧凑 |
h = 30 + (i % 2) * 8 | 改成阶梯退台 | 体量有收分 |
palette | 换配色 | 整体风格 |
替代说明：官方示例加载 ion 上的 AEC 建筑模型并做构件查询与楼层隔离。 这里用逐层盒体复现楼层选择；真实数据按楼层属性过滤构件即可。