对于大范围城市场景，目前在cesium平台中较为通用的做法是：利用工具将gis数据（如shp格式的建筑白模或geojson白模）直接转换为3d tiles格式。随后通过着色器代码对生成的白模进行贴图处理，常见的实现方式是采用渐变色渲染效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜
然而，这类贴图方案难以真实还原实际建筑外观纹理。同时，原始网格结构（mesh）也无法充分表达建筑的详细属性，例如屋顶类型信息——因为由shp文件直接生成的3D模型通常不包含屋顶几何结构。当前面临的具体需求如下：
- 客户未提供无人机倾斜摄影数据，需基于白模完成贴图；
- 支持部分建筑独立贴图、其余批量贴图，且贴图需体现真实建筑材质特征；
- 构建L3级别的精细化mesh模型，包含完整的屋顶结构；
- 输出结果需支持3D Tiles格式，并与地理坐标精确对齐；
- 实现3D Tiles中任意楼栋的单体化拾取功能，避免缓冲区溢出问题。
我们尝试逐一解决上述挑战。以下为上海市超过60万栋建筑的数据示例：
其中部分建筑已应用独立材质贴图并构建了真实屋顶结构，如图中白色外墙建筑及其周边低层建筑所示。
第一步：导出带贴图的gltf模型序列文件，在保留原有功能基础上进一步优化
配置导出参数，选择“实景风城市”作为白模批量贴图方案，启用Draco压缩技术，以减小最终3D Tiles切片体积。
第二步：导出完成后自动生成倾斜摄影风格的索引文件tileset.json。3D Tiles是Cesium定义的标准三维数据格式，支持将gltf模型作为瓦片进行加载。
同时配套生成了Cesium端的3D Tiles加载及建筑单体化拾取代码，代码内详尽注释了点击事件处理逻辑以及楼栋高亮实现方法。
Cesium.Cesium3DTileset.fromUrl( 'tileset.json', { maximumScreenSpaceError: 1.0, // 降低屏幕空间误差，强制加载高精度层级 skipLevelOfDetail: false, // 关闭LOD跳跃机制 } ).then(tileset => { _this.viewer.scene.primitives.add(tileset); // 对模型整体提亮 tileset.style = new Cesium.Cesium3DTileStyle({ color: "color() * 1.1" }); // 注册鼠标交互事件 const handler = new Cesium.ScreenSpaceEventHandler(_this.viewer.scene.canvas); handler.setInputAction(async function(click) { const pickedObject = _this.viewer.scene.pick(click.position); if(Cesium.defined(pickedObject) && pickedObject['id']&&pickedObject['id']['geojson']){ // 拾取到围墙类单体对象 alert(JSON.stringify(pickedObject['id']['geojson'])) }else if (pickedObject && pickedObject.primitive==tileset && pickedObject.content) { const content = pickedObject.content; const uri = content.url || content._url || content.uri; if (uri) { // 提取 b3dm 文件名 const b3dmName = uri.split('/').pop().split('?')[0]; // 过滤掉缓存参数 var modelinfo = await (await fetch('modelinfo.json')).json(); const worldPoint = _this.viewer.scene.pickPosition(click.position); pickedObject.primitive.userData = modelinfo[b3dmName]; if (Cesium.defined(worldPoint)) { //1、获取模型点击位置的经纬度和高度 var modellnglat = _this.gltfInstance.GetClickLnglat(_this.viewer, worldPoint, pickedObject) /* 2、判断点是否落在对应轮廓范围内 !!!演示中使用前端turf.js判断点在多边形内，实际生产环境建议调用后端接口查询，防止GIS数据泄露! 属性说明参考： https://i1.hdslb.com/bfs/article/55509bc62ca58bb6a8463819342258cd98081c25.png@1192w.avif 若一个建筑体关联多个GIS轮廓，在Geobuilding软件中可通过【选择框】-打组操作合并这些轮廓，使其共享同一groupid属性 根据该groupid即可查找相关联的所有数据 */ let geojson = await (await fetch('geojson/' + pickedObject.primitive.userData.geojson)).text(); let result = geojson.split("").map(function(r) {return JSON.parse(r);}); var hitgeo,pointCircle = turf.circle(turf.point([modellnglat.lng, modellnglat.lat]), 1, {units: "meters"}); for (let i = 0; i = result[i].properties.pfh*result[i].properties.minfloor && clickheight
打开demo4查看渲染效果，确认是否满足预期。此时白模已具备更丰富的视觉表现。
放大观察自定义贴图区域，可见材质与屋顶结构均准确还原，贴图涵盖底层商铺、墙面主体、顶部边缘及屋顶等多个组成部分。
当用户点击场景中的某栋建筑时，该建筑会高亮显示。
模型与底图地理坐标完美匹配，无缝对接现有地理信息系统。
依托高性能mesh架构，经测试即使加载60万+带贴图建筑仍可流畅浏览，运行稳定顺滑。至此，我们成功实现了L3级精度的数字城市三维场景构建，支持建筑单体化操作，可广泛应用于城市精细化治理场景，如网格化管理、一标三实信息核查、以房管人等业务系统。
