1前言,采用vue最新3.2版本框架配合cesium使用开发项目
采用通用模型OBJ,FBX,SHP,GLTF,3DTIies,由于前三种体积太大不适合前端直接使用使用转换工具转成3d瓦片效果,cesium中GLTF是可以直接使用的 我们来看下效果
加载完成的效果
做了一个demo要跟底图对齐还要调整位置角度下面开始贴代码 3dtlies类型的文件
由于模型的问题 加载完成之后发现位置维度不对 角度倾斜过来的,设置经度纬度高度缩放度xyz三轴坐标角度的调整实现出瓦片贴地的效果根据上方代码写入数据进行调整就可以了,然后贴出加载GTLF类型的3d文件
GTLF类型的文件跟瓦片等其他文件不同是他不会自带经纬度,所以我们不需要后期设置经纬偏移等属性 在设置GTLF文件的时候我们需要知道该文件的地址在哪就是代码中的modelMatrix属性,url就是文件静态资源路径,scale是对应模型大小效果调整到我们想要的合适的效果就可以了,
我是列的一个GTLF模型加载 30行40列,3dTiles是太原市尖草坪区的,如果相对其中房子做出类似告警的动画时在循环时给加上标识条件,在后面做动画效果的时候可以取对应的标识做统一点击呼吸等的效果
未完待续。。。