Как исправить коричневую карту с логотипом Google с помощью (реагировать-native-карты) - PullRequest
Новая
       13

Как исправить коричневую карту с логотипом Google с помощью (реагировать-native-карты)

0 голосов
/ 14 марта 2019

Я - новая разрабатывающая реагирующая система, теперь у меня есть модули для отслеживания всех пользователей в зависимости от их местоположения (широта и долгота). Я начал установку npm install response-native-maps --save, хорошо, установка прошла хорошо, теперь я начал сборку конфигурации на Android

Примечание: я использую свой мобильный телефон для запуска приложения

Вопрос:

1. Это работает на всех устройствах?

2.Это ли проблема с ключом API?

3. Это проблемная версия response-native-maps?

Я просто следую конфигурации в документации. https://github.com/react-native-community/react-native-maps/blob/master/docs/installation.md

Теперь я начал создавать свои учетные данные в

https://console.cloud.google.com

Credential

Теперь в моем AndroidManifest.xml 

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

пакет = "com.tracker"> 

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:roundIcon="@mipmap/ic_launcher_round"
  android:allowBackup="false"
  android:theme="@style/AppTheme">
  <activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    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" />
   <meta-data android:name="com.google.android.geo.API_KEY" android:value="Keep Secret first"/>
</application>

В моем app.js

ИМПОРТ 

import MapView from 'react-native-maps';

RETURN 

<View style={styles.container}>
    <MapView style = {styles.mapcontainer}
      showsUserLocation={true}
      showsMyLocationButton={false}
      zoomEnabled = {true}
      initialRegion={{
        latitude: 37.78825,
        longitude: -122.4324,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
      }} >
    </MapView>
  </View>

CSS 

    const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  mapcontainer: {
    flex: 1,
    ...StyleSheet.absoluteFillObject
  },
 });

Теперь результат таков, Result

Отладчик выглядит так

Debugger

Я надеюсь, что кто-то может помочь мне с этой проблемой. Спасибо

Logcat Logcat

1 Ответ

0 голосов
/ 14 марта 2019

Я думаю, что эта проблема из-за SHA1, пожалуйста, добавьте имя пакета и ключ SHA1 на консоли Google API.

Ключ SHA1 генерируется из Android Studio. Получить ключ отсюда ....

Добавьте здесь имя пакета и ключ SHA 1 ....

...