我是新来的响应本机的人,正在尝试将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模拟器中运行了我的应用程序,当执行此操作时,出现了如下所示的错误。
我不确定为什么会出现此错误,因为我已通过Xcode将AirGoogleMap添加到我的项目中。有什么办法可以解决这个问题?
您不能在模块外部使用导入,也请尝试重新启动整个模拟引擎。