Android Google地图[React Native?]"未找到API密钥。检查.."错误

时间:2017-04-02 16:27:58

标签: android google-maps react-native airbnb react-native-maps

嗨,我是新来的本地人。我刚做了一个新的应用程序。当我在我的应用程序中没有地图组件时,我的其他组件工作正常。但是当我在render(){return(..

)中添加它时
  <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,我发现了一对。我改变了:\ android \ app \ build \ intermediates \ manifests \ full \ debug

中的那个

来自:

<?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>

我甚至只用meta-deta API Key一尝试过。

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

在我更改之后,我刚刚保存文件并重新启动模拟器,使用命令提示符在目录中使用react-native run-android重新启动应用程序。我不确定这是否是#34; Rebuild&#34;的正确方法。该项目。

我正在使用facebook建议使用的airbnb react-native-maps组件:https://github.com/airbnb/react-native-maps

我最近做了npm install react-native-maps --save和react-native链接react-native-maps,因为这是一个全新的项目(他们提供的新版本中的错误或其他什么?)。模拟器是android 7.1.1。

这是android studio模拟器的SDK Manager: enter image description here

很抱歉,如果其中一些信息无关紧要,我只是想确保提供了所有信息。无论如何,非常感谢对这个问题的任何见解,谢谢。

2 个答案:

答案 0 :(得分:1)

您正在更正添加API_KEY元素。但是,请在位置编辑文件:

\ android \ app \ src \ main(源目录)

而不是

\ android \ app \ 构建 \ intermediates \ manifests \ full \ debug(构建目录)

希望这有帮助。

答案 1 :(得分: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'