three.js - 使用免费地图数据将真实地形加载到three.js中

Question

有没有人对如何将真实地形数据加载到 three.js 场景中有任何想法。

我想在实际地形上有一个 3D 模型，即海拔和叠加的卫星图像。

创建场景：好的加载和动画模型：好的地形和卫星图像：？？？

提前致谢。乔恩

Answer 1

如果您有或能够计算网格模式下所需点的高程数据。

• 您可以使用平面几何和javascript xml Loader将数据加载到平面的几何顶点。

• 为您需要的平面使用任何类型的材质并定义“地图”属性以添加使用 ImageLoader加载的图像纹理

  如果您有随机放置的高程数据，您可以使用face3或其他类型的 three.js 几何和算法来创建 TIN（不规则三角网络）来可视化地形。

此外，您可能想查看cesium 库和cesium.js 文档，以了解问题的地理空间部分、关于使用此 three.js 方法和 此 osg.js 演示的地形加载。

Answer 2

Three.js有一个关于如何制作地形的示例，以便覆盖。关于卫星图像，您将使用它作为地形上的纹理。唯一重要的是获得正确的纹理坐标，因此最终可能会很棘手。

这篇博文给出了一个很好的例子，它的代码也可以在线获得。