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

【问题标题】：How do I implement Google Maps to work on Web, Andriod and iOS in React Native?如何在 React Native 中实现 Google 地图以在 Web、Android 和 iOS 上运行？
【发布时间】：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 来创建特定于操作系统的文件，因为我正在尝试使代码尽可能跨平台。

【问题讨论】：

标签： react-native react-native-android react-native-ios react-native-maps react-native-web

【解决方案1】：

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

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

【讨论】：