一 引入EarthSDK

https://github.com/cesiumlab/XbsjEarthUI/wiki/Cesium%E7%9A%84%E6%89%A9%E5%B1%95%E5%B7%A5%E5%85%B7%E5%8C%85-EarthSDK%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%974

1 下载EarthSDK包

2 添加到项目中
image.png
3 加载EarthSDK工具包
image.png
4 在页面中加载插件,创建EarthSDK实例
image.png

二 生成3D Tile数据

1 无人机测绘拍照

2 专业软件建模生成3D Tile模型数据

瓦片数据放到文件服务器上
image.png

三 加载3D Tile数据

image.png
image.png
将3D Tile数据添加到EarthSDK的场景树中。

四 使用cesiumLab进行模型处理

1 对模型进行单体化切分、制作标绘模型、特效添加,并导出模型json
image.png
image.png
2 生成单体化或标绘等模型后,在生成的模型上右键选择-查看加载代码,即可在浏览器中打开预览窗口,窗口左侧有模型的json数据。
image.png
3 将json数据整合成一个json文件放到文件服务器上,或单个json存入数据库中遍历加载。将读到的json结构逐个push到earthsdk的场景树中,即可加载对应模型。

下图为从数据库中读取单体建筑的json数据,然后逐个push到earthsdk的场景树中。
image.png

五 更改模型

在场景树中找到对应模型,更改其相应属性即可对模型进行更改。比如下图为鼠标悬浮到单体建筑时,更改单体模型的颜色,并将名称标绘模型显示出来(将名称标绘模型添加到场景树)。
image.png
image.png
若使用vue可以动态绑定模型属性

https://zhuanlan.zhihu.com/p/80749244