CesiumJs 地图中加载模型，cesium 地图模型的加载，cesium 加载建筑模型， cesium 加载3Dmodels

最近接手cesium 地图。 。 。 自我感觉cesium地图很屌的。  真的很强大。

 

基础的一些东西跟着教程多看几遍就好了。 

 

下面我们着重说的是cesium 地图模型的加载。 。

1. cesium 地图中， 支持3D tiles 格式的模型， 同时支持glb 和gltf格式的模型。dae格式模型文件可以通过软件转换成gltf格式的模型，obj也能转换为gltf格式模型。 网上很多转换工具，在这里就不提供了。 

本教程介绍的是加载深圳市福田区的建筑模型（这里涉及到从谷歌地图上获取建筑模型，然后下载下来，接着转换）。。

1.1 下载谷歌地球， 一般深圳这种城市，很多大型建筑在谷歌地球上都有已经建好的模型了。 用谷歌地球的话，最好*，不然没这么方便，不*搜索功能无法使用。

打开谷歌地图，视角切换到深圳福田区域，深圳市民中心附近（这一块是深圳福田cbd，建模很多，很密集），废话少说，直接上图

这上面一个个逼真的建筑模型就是大神们建的，通过谷歌审核就能发布了。  我们随便找一个建筑。 比如在这里， 我们点击一个建筑。 就选择市民中心吧。 这个。 

 

因为没有*的缘故， 所以弹出框不会显示建筑信息，但是我就是知道这个就是市民中心。 

接下来的工作是要把这个模型拿下来， 放到我们的项目中去。

 

1.2 这个时候，另外一个也比较关键的工具上场了， sketch up ， （这个工具中的3D warehourse 就是谷歌地球中的3D 模型仓库）

打开sketch ， 选择3D warehourse， 

搜索框中搜索 市民中心， 找到我们要找的模型（个别建模在3d warehourse中搜索不到， 可能是搜索关键字和搜索功能的bug）

接下来直接在sketch up 工具中打开， （sketch 工感觉就是一个远古时代的建模工具， 相比3D max ，Maya 什么的都简单）

这个时候就是一个建筑模型了， 一般来说没有特定的需求，不需要做什么修改的。 

直接导出3维模型， 选择要导出的格式， 具体什么格式没有特定要求，这要看你的转换工具室什么的。 比如我的转换工具室dae转gltf工具，那我当然导出dae 格式。

这里就导出dae格式， 导出后， 会生成一个dae文件， 还有一个同名文件夹。 我们打开文件夹看看， ， 

结果一目了然， 这个文件夹中其实就是模型的贴图纹理， 相当于墙纸。后续在cesium中加载gltf模型的时候， 贴图会直接识别（所以生产完成之后，不要随便更改文件和文件夹名称，不然不能识别关联）

 

再接下来， dae转 gltf 工具上场了。 将dae转为 gltf文件。 。 。

 

转换完成之后， 把文件夹和gltf文件一块放到项目目录中， 

 

然后用下面的代码加载gltf模型

 

 

 

 

 

 

再然后，启动tomcat， 运行页面， Okay。。。