Three.js+传单=3D地图



这可能是一项相当艰巨的任务,但我正在寻找可以帮助我用传单创建3D地图的东西。我已经有传单了,我只想把它们转换成3D透视图。

我做这件事的唯一目的是用3D显示建筑物。我已经使用过OSM建筑,但它们不是真正的3D。

我还找到了Pelican Mapping的ReadyMap,它已经支持传单了,但我无法让这个API成功工作,因为他们已经有一段时间没有更新了。我已经在他们的Github上问过了,所以到目前为止,除非我能想出如何解决ReadyMap问题(他们的src有数万行),否则这条路不会有太多进展。我也不知道OSM建筑是否可以使用ReadyMap。

所以现在,我正在寻找其他的选择。我最大的两个潜在客户是

铯AGI

Three.js

我基本上希望我的最终结果看起来像这样:

转到此处,然后单击右侧的"地球"。

如有任何帮助,我们将不胜感激!

您可以查看maptalks,这是一个用于创建集成2D/3D地图的javascript库。

(我是主要作者)

我和一些大学在一个大学项目中为传单创建了一个3D插件。

你可以在这里查看:

https://mocainfo.thm.de/building-3d/(左上角是3D按钮)

它是用WebGL创建的(基本上是Three.js,周围的东西更少)。我想分享的链接包含了放置3D物品时使用的重要数学:

http://bl.ocks.org/Sumbera/c6fed35c377a46ff74c3

3D模型由OSM数据生成和/或在Blender中建模。渲染是简单的平面着色照明。有很多关于这方面的教程。

如果有什么具体的问题,只需提问。

有一种叫做F4 Map的东西,但关于这个项目的信息并不多。有关详细信息,请查看OSM wiki。

地图示例:莫斯科

您可能需要检查OSMBuildings的新版本,它是真实的3D。

最新更新