cesium升级到116版本后底图和地形加载问题

夜跑者

已于 2024-06-28 09:48:37 修改

阅读量521

点赞数 9

分类专栏： Cesium 文章标签：前端 javascript 开发语言 webgl

于 2024-06-28 09:26:13 首次发布

本文链接：https://blog.csdn.net/liubangbo/article/details/140033016

版权

Cesium 专栏收录该内容

8 篇文章 2 订阅

订阅专栏

cesium在2023-07-03 升级到了107版本，107版本加载底图和地形方式做了变更，之前的imageryProvider 和 CesiumTerrainProvider方式被remove掉了，换了另外方式。变更如下所示：

cesium/CHANGES.md at 1.116 · CesiumGS/cesium · GitHub

1. 加载底图(107版本之前)

new Cesium.Viewer(cesiumContainer, {
    imageryProvider: new Cesium.TileMapServiceImageryProvider({
        url: Cesium.buildModuleUrl("map_url");
        fileExtension: 'jpg' // 'png'
    })
})

加载底图(107版本)

new Cesium.Viewer(cesiumContainer, {
    baseLayer: Cesium.ImageryLayer.fromProviderAsync(
        Cesium.TileMapServiceImageryProvider.fromUrl(
            Cesium.buildModuleUrl('map_url')
        )
    )
})

2. 加载地形(107版本之前)

viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
    url: 'terrain_url'
})

viewer.scene.globe.terrainExaggeration = 10  //设置地形夸张系数

加载地形(107版本)

const addTerrain = async (viewer) => {
    viewer.terrainProvider = await Cesium.CesiumTerrainProvider.fromUrl('terrain_url', {
        requestWaterMask: false,
        requestVertexNormals: true
    })
}

addTerrain(viewer)

viewer.scene.verticalExaggeration = 10  //夸张系数

采用viewer.scene.verticalExaggeration = 10 会导致地形和加载的模型都会进行夸张，关于此问题已有用户在官网提了issue，如下所示：

https://github.com/CesiumGS/cesium/issues/11936

https://github.com/CesiumGS/cesium/issues/11940