如何在iOS的React Native中使用react-native-maps设置谷歌地图

我发现很难在React Native中用react-native-maps实现google maps。 他们提供的用于安装的文档很难理解，并且实现起来有些棘手。 因此，我想到了分享在ios中实现Google地图的方式。 默认情况下，当您在ios中使用react-native-maps时，Apple Map正在加载。 因此，如果您不想使用Google地图，可以使用我的方法。

即使您以前在ios开发方面没有任何经验，这种方法也很容易实现。 在这种方法中，我们使用椰壳足纲。 Cocoapods是Swift和Objective-C的依赖项管理器。 如果您没有安装cocoapods，则应该安装它。 您可以通过以下方式轻松安装它：

 须藤宝石安装cocoapods 

现在转到您的react native项目的根文件夹，并通过以下方式安装react-native-maps：

npm install react-native-maps --save 

现在在您的react-native-project中打开ios文件夹并设置您的podfile。 要初始化pod文件运行，

 pod init 

然后在编辑器中打开Podfile，例如vim，nano，atom等，并粘贴给定的数据。 确保将“ app_name ”替换为应用程序的名称

现在回到终端，您可以使用以下命令安装Podfile中指定的依赖项

 pod install 

现在，使用以下命令在您的xcode中打开项目

 open projectname.xcworkspace 

从中拖动文件夹AirGoogleMaps

是我们的project / node_modules / react-native-maps / lib / ios / AirGoogleMaps /

进入您的xcode项目。

使用项目名称打开文件夹中的AppDelegate.m文件并添加

  @import GoogleMaps; 

在“ @implementation AppDelegate ”之前和函数（BOOL）中：（UIApplication *）应用程序didFinishLaunchingWithOptions：（NSDictionary *）launchOptions添加在“ NSURL * jsCodeLocation;”行之后

  [GMS服务providerAPIKey：@“ YOUR_GOOGLE_MAP_API_KEY”]]； 

如果您没有API密钥，请用您的API密钥替换YOUR_GOOGLE_MAP_API_KEY，您可以从下面的链接中获取。

获取API密钥| 适用于iOS的Google Maps SDK | Google开发人员
Google Maps API可用于iOS和Android应用程序，Web浏览器以及通过HTTP Web服务。 任何平台上的API … developers.google.co

现在，您应该将react-native-maps链接到ios项目。 您可以通过在终端中调用react-native link命令来实现。

 react-native link react-native-maps 

现在打开index.ios.js并使用mapview，

 从“ react-native-maps”导入MapView {PROVIDER_GOOGLE} 

  // ... 

  <MapView 
  provider = {PROVIDER_GOOGLE} 
  initialRegion = {{ 
 纬度：37.78825， 
 经度：-122.4324， 
  latitudeDelta：0.0922， 
 经度Delta：0.0421， 
  }} 
  />