Cesium倾斜模型单体化
前言
目前Cesium三维项目很多是使用倾斜摄影模型，但是倾斜模型只是一张好看的皮，不能进行交互操作，所以需要后期实现单体化功能，单体化有很多种，比如楼栋单体化、分层单体化、更细的有分户单体化。
实现效果

实现思路
倾斜模型单体化需要数据结合代码来实现，数据生产需要采集每层的面坐标串等信息。有了数据后在Cesium中通过Entity的方式渲染出来。
关键代码
 //处理查询结果
    handleQueryResult(result) {
        //清除上一次结果
        this.clearQueryResult();
        //如果查询成功 那么返回的结果应该是一个geojson对象 类型为FeatureCollection
        let feature = result.features[0]; //取第一个要素
        if (!feature) return;
        let geometry = feature.geometry; //取要素的几何对象
        let properties = feature.properties; //取要素的属性信息
        let coordinates;
        let pointArr = [];
        if (geometry.type == "MultiPolygon") { //多面 房屋面一般不会出现空洞等现象 如果有需要另做处理
            coordinates = geometry.coordinates[0][0];
        } else if (geometry.type == "Polygon") {
            coordinates = geometry.coordinates[0];
        }

        for (let i = 0; i < coordinates.length; i++) {
            const element = coordinates[i];
            pointArr.push(element[0]);
            pointArr.push(element[1]);
            pointArr.push(0);
        }
        this.addClampFeature(pointArr);
        this.showBuildInfo(properties)
    },

    //添加贴地对象
    addClampFeature(pointArr) {
        this.clampFeature = this.viewer.entities.add({
            polygon: {
                hierarchy: new Cesium.PolygonHierarchy(Cesium.Cartesian3.fromDegreesArrayHeights(pointArr)),
                classificationType: Cesium.ClassificationType.CESIUM_3D_TILE,
                material: Cesium.Color.RED.withAlpha(0.5)
            }
        })
    },

详情参见 Cesium实战专栏

Cesium倾斜模型分层单体化
前言
实现效果
实现思路

前言
目前Cesium三维项目很多是使用倾斜摄影模型，但是倾斜模型只是一张好看的皮，不能进行交互操作，所以需要后期实现单体化功能，单体化有很多种，比如楼栋单体化、分层单体化、更细的有分户单体化。
实现效果

实现思路
倾斜模型分层单体化需要数据结合代码来实现，数据生产需要采集每层的面坐标串、底部高程、层高、顶部高度等信息。有了数据后在Cesium中通过ClassificationPrimitive渲染出来。
关键代码
 //创建拉伸的多边形对象
    createExtrudedPolygon(id, polygonGeometry) {
        return this.viewer.scene.primitives.add(
            new Cesium.ClassificationPrimitive({
                geometryInstances: new Cesium.GeometryInstance({
                    geometry: Cesium.PolygonGeometry.createGeometry(polygonGeometry),
                    attributes: {
                        color: Cesium.ColorGeometryInstanceAttribute.fromColor(
                            Cesium.Color.fromRandom({ alpha: 0.8 })
                        ),
                        show: new Cesium.ShowGeometryInstanceAttribute(true),
                    },
                    id: id, //设置id有效 其他属性无效
                }),
                classificationType: Cesium.ClassificationType.CESIUM_3D_TILE,
            })
        );
    },

详情参见 Cesium实战专栏

Cesium倾斜模型分户单体化
前言
实现效果
实现思路

前言
目前Cesium三维项目很多是使用倾斜摄影模型，但是倾斜模型只是一张好看的皮，不能进行交互操作，所以需要后期实现单体化功能，单体化有很多种，比如楼栋单体化、分层单体化、更细的有分户单体化。
实现效果

实现思路
倾斜模型分户单体化需要数据结合代码来实现，数据生产需要采集每层的面坐标串、底部高程、层高、顶部高度等信息。有了数据后在Cesium中通过ClassificationPrimitive渲染出来。
关键代码
 //创建拉伸的多边形对象
    createExtrudedPolygon(id, polygonGeometry) {
        return this.viewer.scene.primitives.add(
            new Cesium.ClassificationPrimitive({
                geometryInstances: new Cesium.GeometryInstance({
                    geometry: Cesium.PolygonGeometry.createGeometry(polygonGeometry),
                    attributes: {
                        color: Cesium.ColorGeometryInstanceAttribute.fromColor(
                            Cesium.Color.fromRandom({ alpha: 0.8 })
                        ),
                        show: new Cesium.ShowGeometryInstanceAttribute(true),
                    },
                    id: id, //设置id有效 其他属性无效
                }),
                classificationType: Cesium.ClassificationType.CESIUM_3D_TILE,
            })
        );
    },

详情参见 Cesium实战项目

      随着智慧城市的不断发展，城市三维模型作为一种重要的数据，对于城市管理和模拟发挥着越来越重要的作用。三维城市精细城市模型的获取大体有两种方式：一种是通过现场拍摄建筑照片手工建模完成，另一种是通过无人机倾斜摄影测量获取。这两种方式构建的代价都非常昂贵，而且数据量庞大。对于一些对城市模型精度要求没有那么高的项目，精细三维模型就显得有点大材小用了。因此本文提出一种利用城市已有的矢量数据构建海量灰度模型并渲染的方法。

     如上图，各个城市都已有测绘得到的精细城市房屋矢量数据，通过获取矢量几何和属性信息可以快速构建灰度模型。构建灰度模型的方法也有两种：内存中实时构建和预处理成灰度模型。
（1）内存实时构建灰度模型
     根据上篇博文的方法，提前将矢量数据切割并构建四叉树索引，然后在三维虚拟地球中加载矢量瓦片数据，根据矢量信息获取房屋底面几何点以及房屋高度，实时拉伸出房屋模型。
     本文通过开源B/S平台Cesium验证，由于目前Cesium还不支持矢量3DTiles, 因此自己写了一套矢量四叉树调度算法，类似地形瓦片的方法，运用四叉树索引调度。
（2）预处理成灰度模型
      根据矢量几何信息和高度信息，在三维UTM坐标系下拉伸灰度模型并导出obj，最终通过转换工具批量转换为glb格式。最后构建模型3DTiles结构加载渲染。
    如下图，为某城市海量灰度模型调度渲染，其中测试房屋个数为5万多栋，在Cesium中运行稳定，帧率在40帧以上。