zuoxiaoku/mycesiumdemo

giser从代码小白开始学习-Cesium

myCesiumDemo

giser从代码小白开始学习-Cesium

ABOUT

记录我工作第一年接触开发做的第一个项目。借助近来来比较火的开源3维框架Cesium做的项目。使用的版本是Cesium 1.5.1，Cesium更新频率快，新版本API中还有许多要改良和学习的地方。

##DATA 由于数据太大无法上传，先放在百度云上
单体化数据 -链接：https://pan.baidu.com/s/1nsetZPpuJiOlTJ4FNcm59g 提取码：eub3
小村落数据 -链接：https://pan.baidu.com/s/1eBAU2plOkqGHqHVLoHL60A 提取码：a892
360全景数据 -链接：https://pan.baidu.com/s/1-8rGCiWvgCiz52BnQ_7exg 提取码：pvzc

FUNCTION

1 主界面

右上角借助开源Navigation插件，实现指南针、快速调整方向功能。随着视角变动，显示当前相机/鼠标点击位置的经纬度坐标及高程信息。

2 数据图层加载

利用开源ztree.js构建数据图层加载功能，勾选对应数据时加载/移除，选中对应数据名称时自动跳转到对应的boundsphere

3 楼层单体化

利用已有的geojson数据对3dtile数据中的楼层单体化，选中对应楼体是高亮，并弹出geojson中存储的楼体信息

4 光照阴影

利用Cesium中shadow API以及clock API进行场景光照模拟
-加速 时间快进 阴影动画加快
-减速 时间放慢 阴影动画减慢
-暂停 时间暂停 阴影动画停在当前位置
-开始 时间开始 阴影动画重新开始
不足：没有改 webgl 底层渲染效果差 锯齿严重 下个计划：webgl学习

5 通视

鼠标左键单击确定起点（绿色），右键单击确定终点（棕色），返回通视结果。
通视时，两点之间连线为绿色，表示全部可见
不通视时，两点之间连线为绿色的部分表示起点可视，为红色的部分表示不可视

6 淹没

自定义区域模拟3dtile模型的淹没情况
Alpha-调整水体透明度
Height-调整淹没高度
自定义模拟-自定义区域
单击左键加点，双击确定区域，初始默认1m

7 飞行

按照确定/创建飞行路线漫游场景

8 建筑剖面

借助echarts，绘制两点之间建筑的剖面高程

9 调高

自定义调整加载模型的高程

10 测量绘制

模型距离测量

模型面积测量

贴地距离测量

贴地面积测量

模型点标记

贴地点标记

模型绘线

贴地绘线

模型贴地绘面

11 动态添加3dtile

输入3dtile地址在网页中加载该模型并跳转至其boundsphere

12 引入360全景

将360全景与模型相结合 增强可视化