iOS中具有React Native的Google Maps

问题描述 投票:1回答:1

我是新来的响应本机的人,正在尝试将google map添加到我的应用中。

我首先安装react-native-maps并使用以下代码创建一个新文件。

import React from 'react';
import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';

export default class MapScreen extends React.Component  {  
        render() {    
            return ( 

                <MapView 
                provider={ PROVIDER_GOOGLE }
                style={{flex: 1}} 
                region={{
                    latitude: 54.721344, 
                    longitude: -6.199981
                }} 
                showsUserLocation={true} />
                ); 
                 }
        }

此后,我将以下代码添加到iOS文件夹中的配置文件中。

 target 'MapExamplw' do
    pod 'Yoga', path: "./node_modules/react-native/ReactCommon/yoga/Yoga.podspec"
    pod 'GoogleMaps'
  end

从Google获得我的api密钥后,我打开Xcode并将AirGoogleMap文件夹添加到我的项目中。然后,我进入了构建设置,并将“ HAVE_GOOGLE_MAPS + 1”添加到预处理器宏中。

接下来,我进入AppDelegate.m文件并添加了以下几行

@@ import GoogleMaps;

[GMSServices ProvideAPIKey:@“ YOUR_API_KEY”]

完成所有这些之后,我在iOS模拟器中运行了我的应用程序,当执行此操作时,出现了如下所示的错误。

error

我不确定为什么会出现此错误,因为我已通过Xcode将AirGoogleMap添加到我的项目中。有什么办法可以解决这个问题?

javascript ios reactjs react-native
1个回答
0
投票

您不能在模块外部使用导入,也请尝试重新启动整个模拟引擎。

© www.soinside.com 2019 - 2024. All rights reserved.