Cesium开发:模拟建筑楼板数据

简介: Cesium开发:模拟建筑楼板数据

多层的建筑体,在不需要精确的模型效果时,使用Cesium的Polygon去模拟每层楼的楼板效果,设定每层楼的高度和楼层的总数,生成CZML文件,批量加载楼板的数据。
根据Cesium的api,加载一个带高度拉起效果的polygon,使用以下的代码:

var greenPolygon = viewer.entities.add({
   
   

name : 'Green extruded polygon',

polygon : {
   
   

hierarchy : Cesium.Cartesian3.fromDegreesArray([-108.0, 42.0,

-100.0, 42.0,

-104.0, 40.0]),

height:50000,

extrudedHeight: 100000.0,

material : Cesium.Color.GREEN 
}

});

其中设置的height和extrudedHeight是关键参数,height标示polygon离地的高度,extrudedHeight是polygon的拉高高度,根据楼层高度,设置每层的height,在加上楼层高度,设置extrudedHeight,到达分层的楼板效果。
CZML数据节点的编辑如下:


{
   
   

"id":"floor_0",

"name":"floors"

,"polygon":

{
   
   "positions":

{
   
   "cartographicDegrees":[坐标数组]},

"material":

{
   
   

"solidColor":

{
   
   "color":

{
   
   "rgba":[255,255,255,120]}

}

},

//离地高度设置

"height":0,

//拉高高度设置

"extrudedHeight":4.6,"

outline":true}

}

使用js或者其他代码,循环根据楼层数和高度进行遍历,生成最终的CZML数据。

以下是简单楼板显示效果,加上鼠标移动时的选中效果:
image.png

相关文章
|
数据可视化 搜索推荐 前端开发
漏刻有时数据可视化Echarts组件开发(16):乡镇街道下辖村级或社区级别的行政区域边界轮廓划分的svg解决方案
漏刻有时数据可视化Echarts组件开发(16):乡镇街道下辖村级或社区级别的行政区域边界轮廓划分的svg解决方案
312 0
|
JSON 前端开发 JavaScript
GIS前端编程-航线动态模拟
GIS前端编程-航线动态模拟
121 0
|
数据可视化 前端开发 JavaScript
3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )
3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )
3603 0
3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )
|
算法 索引
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
787 0
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
|
存储 JSON 数据可视化
ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
632 0
|
数据可视化 C++
【变化检测】多时相遥感影像变化检测 Qt界面可视化 / 实现卷帘功能(附有完整代码)
【变化检测】多时相遥感影像变化检测 Qt界面可视化 / 实现卷帘功能(附有完整代码)
|
存储 计算机视觉
PACS系统源码 大型医院PACS源码 支持专业三维影像后处理功能
图像处理功能:自定义显示图像的相关信息,如姓名、年龄、设备型号等参数。提供缩放、移动、镜像、反相、旋转、滤波、锐化、伪彩、播放、窗宽窗位调节等功能。 专业三维影像后处理功能:三维多平面重建、三维容积重建、三维表面重建、三维虚拟内窥镜、最大/小密度投影、心脏动脉钙化分析等。
193 0
PACS系统源码 大型医院PACS源码 支持专业三维影像后处理功能
|
数据可视化 物联网
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示
915 15
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示
|
数据可视化 物联网 程序员
使用webgl(three.js)搭建一个3D智慧园区、3D建筑,3D消防模拟,web版3D,bim管理系统——第四课(炫酷版一)
3d建筑,3d消防,消防演习模拟,3d库房,3d档案室,3d密集架,webGL,threejs,3d机房,bim管理系统
5707 0
|
编解码 监控 数据可视化
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS
基于ThingJS的通用架构设计随着社会经济的不断发展,城市中的各类地下管线数量不断增加,逐渐构成了结构复杂的地下管网。
地下管线监控系统中互联网WebGL三维可视化构建技术 ThingJS
下一篇
无影云桌面