android - react-native-hsm-maps 实现但显示空白？

Question

我需要在我的应用程序中实现华为 map ，我安装在我的 package.json 中的版本文件是:

"@hmscore/react-native-hms-map": "^5.2.0-302"

安装后，我尝试按照文档所说的进行操作，以便您可以在下面的不同文件中看到我的配置:

<HMSMap
  mapType={MapTypes.NORMAL}
  style={{height: 200}}
  camera={{target: {latitude: 41, longitude: 29}, zoom: 11}}
  onMapReady={(e) => console.log('HMSMap onMapReady: ', e.nativeEvent)} // btw this event never called.
/>

里面 build.gradle在 android 中的文件我添加 maven { url 'https://developer.huawei.com/repo/' }里面 buildscripts => repositories和 allprojects => repositories ，也在依赖项中添加 classpath 'com.huawei.agconnect:agcp:1.2.1.301'里面 build.gradle在 android > app我添加的文件 apply plugin: "com.huawei.agconnect"我还添加了 config对象如下 signingConfigs .然后我添加了implementation 'com.huawei.hms:maps:5.0.0.300'此文件的内部依赖项

config {
            storeFile file('***.keystore')
            storePassword '*****'
            keyAlias '******'
            keyPassword '*******'
        }

然后我在 AndroidManifest.xml 中添加了这个 2 :

<meta-data android:name="com.huawei.hms.client.appid" android:value="appid=*******" />
 <uses-permission android:name="com.huawei.appmarket.service.commondata.permission.GET_COMMON_DATA"/>

我还有文档说的其他权限..
问题是当我运行项目时， map 不显示，只显示一个与高度相关的空白区域，内部样式为 200。当我记录 onMapReady 的事件时它不记录的方法。似乎 map 根本没有准备好。我该如何调试或了解配置或代码的哪一部分是错误的？

Answer 1

1 确保在华为开发者的应用中启用了 MAP 套件。
2 确保在 Build.Gradle 应用程序中添加 Map Kit 的依赖项。
3 确保您在开发者中输入的 SHA-256 证书指纹在应用程序中是相同的。 docs link
4 确保您在 build.gradle 应用程序中输入了签名配置。
详情可关注this guide检查配置。