Javascript Three.js+；传单=3D地图？

这可能是一个相当繁重的任务，但我正在寻找一些可以帮助我创建三维地图的传单。我已经有传单了，我只想把它们转换成3D透视图

我这样做的唯一目的是用3D显示建筑物。我已经用过了，但是它们不是真正的3D

我还发现，Pelican Mapping已经支持传单，但我无法让这个API成功运行，因为他们已经有一段时间没有更新它了。我已经在他们的Github上问过了，所以到目前为止，除非我能想出如何解决ReadyMap问题（他们的src是上万行），否则这条路不会有什么进展。我也不知道OSM大楼是否能与ReadyMap一起工作

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

及

我基本上希望我的最终结果是这样的：

去，点击右边的“地球”

---

任何帮助都将不胜感激

有一种叫做F4地图的东西，但是关于这个项目的信息不多。查看一些详细信息

地图示例：

您可能需要检查真实的3D地图。

您可以查看javascript库，以创建集成的2D/3D地图

---

（我是主要作者）

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

您可以在这里查看：

（左上角是3D按钮）

它是用WebGL创建的（基本上是3.js，周围的东西更少）。我想分享的链接包含用于放置3D素材的重要数学：

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

---

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

您是否找到了合适的解决方案，特别是2.5D地图（不是图像）？Thanks@knutole3D部分-我有一段时间没看这个了。我刚刚回到这里，不幸地发现我的maptiles的tile提供程序不再提供免费访问。我将尝试替换瓷砖供应商，并为你们指出一个可行的解决方案demo@Spencer为了区分2D和3D，我实际上在一个名为

content

的div中使用了两个名为

2dcontainer

和

3dcontainer

的div元素。它们都是重叠的。一个是隐藏的，另一个不是。当然，我把传单绑在

2dcontainer

上，把三个.js绑在

3dcontainer

上。然后我使用dat.gui创建一个控件，并允许在两个div之间切换。所以说实话，我不会说我真的将完整3D与传单集成在一起，因为当我切换到3D模式时，它本质上只是一个three.js视口，恰好对基础纹理使用完全相同的贴图文件。@Spencer但是在“2D”模式下，我使用OSM建筑物来提供某种尺寸。嘿，您的用户名与该项目的主要作者匹配，如果这不是巧合，请您提及。（很好的图书馆）@jrtapsell是的，我是主要作者，如果有打扰请原谅：PGreat图书馆！使用简单的传单背景瓷砖，非常容易创建3D线条（纬度、经度、高度）：