簡體   English   中英

如何使用(react-native-maps)用Google徽標修復棕色地圖

[英]How to fix brown map with a logo of google using the (react-native-maps)

我是新開發的react-native,現在有基於該位置(緯度和經度)跟蹤所有用戶的模塊。 我開始安裝npm install react-native-maps --save,安裝很好,現在我開始在Android上進行Build配置

注意:我使用手機運行該應用程序

題:

1.這適用於所有設備嗎?

2.API密鑰有問題嗎?

3.它是反應原生地圖的問題版本嗎?

我只是按照文檔中的配置。 https://github.com/react-native-community/react-native-maps/blob/master/docs/installation.md

現在,我開始在

https://console.cloud.google.com

憑據

現在在我的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';

返回

<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
  },
 });

現在的結果是 結果

調試器看起來像這樣

調試器

我希望有人可以幫我解決這個問題。 謝謝

logcat的 logcat的

我認為這個問題因為SHA1請在google api控制台上添加包名和SHA1密鑰。

SHA1鍵從android studio生成。 從這里獲取密鑰。

在這里添加包名稱和SHA 1密鑰....

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM