Three.js + leaflet = 3D地图?

krb*_*686 10 javascript 3d map three.js leaflet

这可能是一项非常重要的任务,但我正在寻找可以帮助我用传单创建3D地图的东西.我已经开始运行传单,我只想将它们转换为3D透视图.

我唯一的目的是以3D形式展示建筑物.我已经使用过OSM Buildings,但它们并不是真正的3D.

我还发现了Pelican Mapping的ReadyMap,它已经支持Leaflet,但我不能让这个API成功运行,因为他们有一段时间没有更新它.我已经问过他们的Github了,所以除非我能弄清楚如何解决ReadyMap问题(并且他们的src是成千上万行),所以现在没有太多来自这条路.我也不知道OSM建筑物是否可以与ReadyMap一起使用.

所以现在,我正在寻找其他任何选择.我最大的两个前景是

铯AGI

three.js所

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

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

任何帮助将不胜感激!

fuz*_*enn 5

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

(我是主要作者)


小智 5

我和一些大学在大学项目期间为 Leaflet 创建了一个 3D 插件。

您可以在这里查看:

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

它是用 WebGL 创建的(基本上是 Three.js,周围的东西较少)。我想分享的链接包含用于放置 3D 材料的重要数学知识:

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

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

如果有任何具体问题,请提出。


yar*_*arl 4

有一个叫做F4 Map的东西,但是关于这个项目的信息并不多。检查OSM wiki了解一些详细信息。

地图示例:莫斯科