createOsmBuildingsAsync createWorldTerrainAsync

最新推荐文章于 2025-06-05 15:48:57 发布

原创最新推荐文章于 2025-06-05 15:48:57 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

本文介绍了Cesium库在1.104.0版本更新后，停止支持createWorldTerrain和createOsmBuildings同步方法，转而采用异步加载方式。开发者需调整代码以适应新的API，通过async函数添加世界地形和OSM建筑物。

cesium在1.104.0后就不再支持createWorldTerrain，createOsmBuildings，采用了异步加载的方法

代码如下


const addWorldTerrainAsync = async (viewer) => {
  try {
    const terrainProvider = await Cesium.createWorldTerrainAsync({
      requestVertexNormals: true,
      requestWaterMask: true,
    });
    viewer.terrainProvider = terrainProvider;
  } catch (error) {
    console.log(Failed to add world imagery: ${error});
  }
};
const addOsmBuildingsAsync = async (viewer) => {
  try {
    const osmBuildings = await Cesium.createOsmBuildingsAsync();
    viewer.scene.primitives.add(osmBuildings);
  } catch (error) {
    console.log(Failed to add OSM buildings: ${error});
  }
};

然后调用就行了，我这里是截取的代码，initViewer返回的是viewer对象，大家都懂，自己改下

onMounted(() => { 
viewer = initViewer(); 
addWorldTerrainAsync(viewer) ；
addOsmBuildingsAsync(viewer) ；

 });