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

相关文章
|
9月前
|
数据可视化 搜索推荐 前端开发
漏刻有时数据可视化Echarts组件开发(16):乡镇街道下辖村级或社区级别的行政区域边界轮廓划分的svg解决方案
漏刻有时数据可视化Echarts组件开发(16):乡镇街道下辖村级或社区级别的行政区域边界轮廓划分的svg解决方案
210 0
|
1天前
|
数据可视化 前端开发 JavaScript
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
20 3
|
6月前
|
JSON 前端开发 JavaScript
GIS前端编程-航线动态模拟
GIS前端编程-航线动态模拟
54 0
|
9月前
|
存储 JSON 数据可视化
ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
459 0
|
9月前
|
JSON 前端开发 数据可视化
Echarts实战案例代码(4):地图散点气泡图飞线(迁徙线)API接口前端处理数据的解决方案
Echarts实战案例代码(4):地图散点气泡图飞线(迁徙线)API接口前端处理数据的解决方案
239 0
|
10月前
|
定位技术
Cesium开发:二三维联动
Cesium开发:二三维联动
1140 0
|
算法 JavaScript 数据可视化
基于leaflet-velocity的二维动态风场展示
本文讲解了leaflet-velocity插件,并利用插件进行了模拟的动态风场、洋流等信息的综合展示,让读者掌握集成方式。
758 0
基于leaflet-velocity的二维动态风场展示
|
算法 索引
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
685 0
【D3.js - v5.x】(5)绘制力导向图 | 附完整代码
|
数据可视化 前端开发 JavaScript
3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )
3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )
3013 0
3分钟,教你搭建一个三维城市建筑可视化系统 ( Cesium 加载 shp 数据 )
|
数据可视化 物联网
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示
651 0
Threejs物联网,工厂3D可视化,加载模型,水流监测,标签动态数据展示