2017-04-02 58 views
0

您好,我是新來的本地人。我剛做了一個新的應用程序。當我的應用程序中沒有地圖組件時,我的其他組件可以正常工作。然而,當我加入這個在我的渲染(){回報(..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

很抱歉,如果有些信息是無關緊要的,我只是想確保我提供的所有信息。無論如何,任何有關問題的見解將不勝感激,謝謝。

回答

1

你正在做的添加元素API_KEY的正確變化。然而,在位置編輯文件:

\機器人\程序\ SRC \主(來源目錄)

,而不是

\機器人\程序\ 構建 \中間體\體現\全\調試(生成目錄)

希望這有助於。

+0

工作!謝謝! (: –

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'