Android Google Maps [React Native?]“找不到API密钥,请检查..”错误

问题描述:

您好,我是新来的本地人。我刚做了一个新的应用程序。当我的应用程序中没有地图组件时,我的其他组件可以正常工作。然而,当我加入这个在我的渲染(){回报(..Android Google Maps [React Native?]“找不到API密钥,请检查..”错误

<MapView 
    ref={ref => { this.map = ref; }} 
    mapType={MAP_TYPES.TERRAIN} 
    style={styles.map} 
    initialRegion={this.state.region} 
    onRegionChange={region => this.onRegionChange(region)} 
    /> 

我得到的错误:

enter image description here

我做了搜索项目文件夹中找到一个AndroidMainfest.xml我发现一对夫妇,我改变了一个在:\机器人\程序\编译\ \中间体舱单\全\调试

从这个:

<?xml version="1.0" encoding="utf-8"?> 
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
    package="com.pickup_sports_app" 
    android:versionCode="1" 
    android:versionName="1.0" > 

    <uses-sdk 
     android:minSdkVersion="16" 
     android:targetSdkVersion="22" /> 

    <uses-permission android:name="android.permission.INTERNET" /> 
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <!-- Include required permissions for Google Maps API to run. --> 
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 

    <uses-feature 
     android:glEsVersion="0x00020000" 
     android:required="true" /> 

    <android:uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
    <android:uses-permission android:name="android.permission.READ_PHONE_STATE" /> 
    <android:uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> 

    <application 
     android:name="com.pickup_sports_app.MainApplication" 
     android:allowBackup="true" 
     android:icon="@mipmap/ic_launcher" 
     android:label="@string/app_name" 
     android:theme="@style/AppTheme" > 
     <activity 
      android:name="com.pickup_sports_app.MainActivity" 
      android:configChanges="keyboard|keyboardHidden|orientation|screenSize" 
      android:label="@string/app_name" 
      android:windowSoftInputMode="adjustResize" > 
      <intent-filter> 
       <action android:name="android.intent.action.MAIN" /> 

       <category android:name="android.intent.category.LAUNCHER" /> 
      </intent-filter> 
     </activity> 
     <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" /> 
     <activity 
      android:name="com.google.android.gms.common.api.GoogleApiActivity" 
      android:exported="false" 
      android:theme="@android:style/Theme.Translucent.NoTitleBar" /> 

     <meta-data 
      android:name="com.google.android.gms.version" 
      android:value="@integer/google_play_services_version" /> 
    </application> 

</manifest> 

要这样:

<?xml version="1.0" encoding="utf-8"?> 
<manifest xmlns:android="http://schemas.android.com/apk/res/android" 
    package="com.pickup_sports_app" 
    android:versionCode="1" 
    android:versionName="1.0" > 

    <uses-sdk 
     android:minSdkVersion="16" 
     android:targetSdkVersion="22" /> 

    <uses-permission android:name="android.permission.INTERNET" /> 
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <!-- Include required permissions for Google Maps API to run. --> 
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 

    <uses-feature 
     android:glEsVersion="0x00020000" 
     android:required="true" /> 

    <android:uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
    <android:uses-permission android:name="android.permission.READ_PHONE_STATE" /> 
    <android:uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> 

    <application 
     android:name="com.pickup_sports_app.MainApplication" 
     android:allowBackup="true" 
     android:icon="@mipmap/ic_launcher" 
     android:label="@string/app_name" 
     android:theme="@style/AppTheme" > 
     <activity 
      android:name="com.pickup_sports_app.MainActivity" 
      android:configChanges="keyboard|keyboardHidden|orientation|screenSize" 
      android:label="@string/app_name" 
      android:windowSoftInputMode="adjustResize" > 
      <intent-filter> 
       <action android:name="android.intent.action.MAIN" /> 

       <category android:name="android.intent.category.LAUNCHER" /> 
      </intent-filter> 
     </activity> 
     <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" /> 
     <activity 
      android:name="com.google.android.gms.common.api.GoogleApiActivity" 
      android:exported="false" 
      android:theme="@android:style/Theme.Translucent.NoTitleBar" /> 

     <meta-data 
      android:name="com.google.android.gms.version" 
      android:value="@integer/google_play_services_version" /> 
     <meta-data 
      android:name="com.google.android.geo.API_KEY" 
      android:value="AIzaSyC-V3J1Wz4wqgHqrqffIeZqhVM0gDfTsIg" /> 

    </application> 

</manifest> 

我甚至只是只有元DETA API密钥的一种尝试。

其他信息: 我从这里得到了API密钥:https://developers.google.com/maps/documentation/android-api/signup

我改变它之后,我只保存了文件并重新启动了模拟器,用命令提示符重新启动了带有react-native run-android的应用程序。我不确定这是否是“重建”项目的正确方法。

我使用的Airbnb反应,本机地图,Facebook的建议使用成分:https://github.com/airbnb/react-native-maps

我也故宫安装反应,本机地图--save和应对本地链路反应,本机地图最近因为这是一个全新的项目(在他们提供的新版本中出错或什么?)。模拟器是android 7.1.1。

下面是Android的工作室模拟器的SDK管理器: enter image description here

很抱歉,如果有些信息是无关紧要的,我只是想确保我提供的所有信息。无论如何,任何有关问题的见解将不胜感激,谢谢。

你正在做的添加元素API_KEY的正确变化。然而,在位置编辑文件:

\机器人\程序\ SRC \主(来源目录)

,而不是

\机器人\程序\ 构建 \中间体\体现\全\调试(生成目录)

希望这有助于。

+0

工作!谢谢! (: –

尝试从清单悦庭这样的:

<meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version"/> 

这个数据可以移动的章依赖关系的build.gradle配置:

compile 'com.google.android.gms:play-services-maps:10.0.1'compile 'com.google.android.gms:play-services-ads:10.0.1'