Skip to content

Gltf模型加载

调用loadModel函数来加载gltf模型:

ts
fair.loadModel({
  url: "/nginxSource/models/Fire Truck.glb",
  position: [114, 30], //模型的经纬度
})

结果展示:

image-20251023161249725

带动画的模型会默认激活第一个动画

ts
fair
  .loadModel({
    url: "/nginxSource/models/wind_turbine.glb",
    position: [114, 30],
    minPixelSize: 20,
  })

结果展示:

image-20251023161249725

动画速率、循环控制:

ts
import * as Cesium from 'cesium' //需要引入Cesium,注意版本需要与sdk使用的版本一致
fair
  .loadModel({
    url: "/nginxSource/models/wind_turbine.glb",
    position: [114, 30],
    minPixelSize: 200,
  })
  .then((model) => {
    model?.readyEvent.addEventListener(() => {
      model?.activeAnimations.removeAll()
      model?.activeAnimations.add({
        index: 0,
        multiplier: 0.5, //0.5倍速播放动画
        loop:Cesium.ModelAnimationLoop.REPEAT //循环播放
      })
    })
  })