加载倾斜模型贴地形

小白学过的代码

已于 2024-04-10 14:31:05 修改

阅读量383

点赞数 6

文章标签：前端 javascript 开发语言

于 2024-02-19 14:35:02 首次发布

本文链接：https://blog.csdn.net/weixin_42539678/article/details/136169944

版权

该代码段展示了如何使用Cesium库在JavaScript中处理3D地形数据，包括加载Cesium3DTileset、计算地形高度并调整视图。它涉及到`model3dTiltData`对象、`flyTo`方法和场景中添加模型矩阵。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function init3Dtitle(item) {
  if (model3dTiltData[item.id]) {
    model3dTiltData[item.id].show = item.istrue
    item.istrue && viewer.flyTo(model3dTiltData[item.id])
  } else {
    let tileset = new Cesium.Cesium3DTileset(item.dtitle)
    tileset.readyPromise.then((tileset) => {
      const cartographic = Cesium.Cartographic.fromCartesian(tileset.boundingSphere.center)
      const surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0)

      const terrainProvider = Cesium.createWorldTerrain()
      const positions = [Cesium.Cartographic.fromDegrees(Cesium.Math.toDegrees(cartographic.longitude), Cesium.Math.toDegrees(cartographic.latitude))]
      const promise = Cesium.sampleTerrain(terrainProvider, 11, positions)
      Promise.resolve(promise).then(function (updatedPositions) {
        console.log(updatedPositions[0].height)
        const offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, updatedPositions[0].height)
        const translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3())
        tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation)
      })
    })
    model3dTiltData[item.id] = viewer.scene.primitives.add(tileset)
    item.istrue && viewer.flyTo(model3dTiltData[item.id])
  }
}