如何在 React Native 中实现 Google 地图以在 Web、Android 和 iOS 上运行？

Posted 2023-02-16

技术标签:

【中文标题】如何在 React Native 中实现 Google 地图以在 Web、Android 和 iOS 上运行？【英文标题】：How do I implement Google Maps to work on Web, Andriod and iOS in React Native? 【发布时间】：2021-11-20 21:26:24 【问题描述】：

我是 React Native 的新手，我正在尝试实现一个可用于 Web、android 和 ios 的地图。

我在网上找到的资源是用于使用 react-native-maps 实现 Android 和 iOS，或者只是在 Web 中使用 react-native-web-maps。有没有一种简单的方法可以将它们全部合并到 React Native 中？

我也在使用 Expo CLI 来运行服务器。我没有运行npm run eject 来创建特定于操作系统的文件，因为我正在尝试使代码尽可能跨平台。

【问题讨论】：

【参考方案1】：

我不知道是否有任何包可以立即适用于所有环境，但您可以有条件地为移动设备和网络渲染地图组件。

我在 Expo 应用程序的移动版和网页版中使用了以下这些软件包，它们的工作方式非常相似，并且易于使用和实施： -手机：@react-navigation/native -网络：@react-google-maps/api

【讨论】：

以上是关于如何在 React Native 中实现 Google 地图以在 Web、Android 和 iOS 上运行？的主要内容，如果未能解决你的问题，请参考以下文章