vue3.2中实现cesium在terrainProvider开启加载模型,并实现贴地效果(未完待续。。。)

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是太原市尖草坪区的,如果相对其中房子做出类似告警的动画时在循环时给加上标识条件,在后面做动画效果的时候可以取对应的标识做统一点击呼吸等的效果

未完待续。。。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值