javascript - 在 React Native 中构建一个完全自定义的地图？

Question

我目前正在尝试创建一个应用程序来帮助在用户处于封闭位置（如商场或学校）内时对其进行路由。我已经建立了一个框架来生成这些位置的地图并将它们导出为图像。我打算将这些图像用作显示在前端的地图，以某种方式在图像上绘制路线以引导用户。我只是想不出一个简单的方法来做到这一点。

我见过 react-native-maps 但这似乎只是使用标准的谷歌地图视图并且不允许我使用自定义地图来绘制路线。有没有办法做到这一点？

标签： javascriptreact-nativefrontend

Answer 1

根据您想要的详细程度，您可以使用叠加或自定义地图图块来执行此操作。

您可以使用react-native-maps 上的覆盖层将地图覆盖在谷歌地图上。如果这些细节量不够，您可以尝试创建一个切片服务器来获取图像或使用带有 MapBox 地图的矢量切片（它也有一些不错的 react-native 绑定）。

至于绘制路线，使用折线层应该很简单。您必须事先计算路径并使用折线绘制它们。