javascript - 我想使用 Google Maps API，但我的 React.JS 代码上有 3D 建筑

Question

我想做的是创建我大学的地图，但我希望它是 3D 的，所以如果有人想在 3 楼寻找特定的教室，他可以旋转地图并查看它，而不是Google Maps API 2D 选项，您可以从上面看到它。这里的事情是我在 JS 代码上需要它，所以我可以在我的 React.js 项目中使用它，我期待从数据库中生成地图内的每个点。因为我希望用户能够使用过滤器框，所以他可以搜索特定点，并使用坐标定位它。我正在尝试使用巴比伦，但这个演示太重了：

https://axeon.fr/CLIENT/EIFFAGE/Bordeaux.Hyperion/#/MAQUETTE_RT/index.html

我的第一个想法来自 Google Maps API，需要做同样的事情，但使用 3D 建筑物。

标签： javascriptreactjsfirebasegoogle-maps-api-3

Answer 1

您可以使用任何您想要的 API 在 2D 中显示您的地图，并在地图上为您预定义的兴趣点 (POI) 定义图钉。单击后，您可以将视图更改为 3D 模式并显示附加到 3D 渲染引擎的画布，例如 Babylon，它负责显示建筑物以及您希望为用户提供的所有 3D 交互。在任何时间点，用户都可以在 2D 地图和 3D 场景之间切换，然后去选择另一个 POI。基本上，2D 地图组件只是将 POI ID 传递给 3D 组件并加载所需的形状。此外，看看cesium可能是个好主意，它是一个用于世界级 3D 地球仪和地图的开源 JavaScript 库。