将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑-人工智能-PHP中文网

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑

雪夜

发布： 2025-11-26 13:04:01

原创

650人浏览过

对于大范围城市场景，目前在cesium平台中较为通用的做法是：利用工具将gis数据（如shp格式的建筑白模或geojson白模）直接转换为3d tiles格式。随后通过着色器代码对生成的白模进行贴图处理，常见的实现方式是采用渐变色渲染效果。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑然而，这类贴图方案难以真实还原实际建筑外观纹理。同时，原始网格结构（mesh）也无法充分表达建筑的详细属性，例如屋顶类型信息——因为由shp文件直接生成的3D模型通常不包含屋顶几何结构。当前面临的具体需求如下：

客户未提供无人机倾斜摄影数据，需基于白模完成贴图；
支持部分建筑独立贴图、其余批量贴图，且贴图需体现真实建筑材质特征；
构建L3级别的精细化mesh模型，包含完整的屋顶结构；
输出结果需支持3D Tiles格式，并与地理坐标精确对齐；
实现3D Tiles中任意楼栋的单体化拾取功能，避免缓冲区溢出问题。

我们尝试逐一解决上述挑战。以下为上海市超过60万栋建筑的数据示例：

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑其中部分建筑已应用独立材质贴图并构建了真实屋顶结构，如图中白色外墙建筑及其周边低层建筑所示。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑第一步：导出带贴图的gltf模型序列文件，在保留原有功能基础上进一步优化

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑配置导出参数，选择“实景风城市”作为白模批量贴图方案，启用Draco压缩技术，以减小最终3D Tiles切片体积。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑第二步：导出完成后自动生成倾斜摄影风格的索引文件tileset.json。3D Tiles是Cesium定义的标准三维数据格式，支持将gltf模型作为瓦片进行加载。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑同时配套生成了Cesium端的3D Tiles加载及建筑单体化拾取代码，代码内详尽注释了点击事件处理逻辑以及楼栋高亮实现方法。

火山写作

字节跳动推出的中英文AI写作、语法纠错、智能润色工具，是一款集成创作、润色、纠错、改写、翻译等能力的中英文 AI 写作助手。

167

查看详情

 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

登录后复制

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑打开demo4查看渲染效果，确认是否满足预期。此时白模已具备更丰富的视觉表现。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑放大观察自定义贴图区域，可见材质与屋顶结构均准确还原，贴图涵盖底层商铺、墙面主体、顶部边缘及屋顶等多个组成部分。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑当用户点击场景中的某栋建筑时，该建筑会高亮显示。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑模型与底图地理坐标完美匹配，无缝对接现有地理信息系统。

将大规模shp白模贴图转3dtiles倾斜摄影，并可单体化拾取建筑依托高性能mesh架构，经测试即使加载60万+带贴图建筑仍可流畅浏览，运行稳定顺滑。至此，我们成功实现了L3级精度的数字城市三维场景构建，支持建筑单体化操作，可广泛应用于城市精细化治理场景，如网格化管理、一标三实信息核查、以房管人等业务系统。