react-native-hms-maps 地图为空白答案

【问题标题】：react-native-hms-maps map is blankreact-native-hms-maps 地图为空白
【发布时间】：2020-09-01 21:42:20
【问题描述】：

我有一个 React Native 应用程序，我目前正在尝试使其与华为的 HMS APK 兼容，以便使用 Mate 30 或 P40 设备的用户可以使用我们的应用程序。

我已经删除了这个版本的 react-native-maps，并按照华为 HMS Core 开发者指南 React-Native 中的说明将其替换为 react-native-hms-maps。

当我运行应用程序并导航到我正在渲染地图的屏幕时，只显示一个空白页面。在运行 logcats 的情况下运行应用程序后，我能够在日志中指出此错误：

2020-09-01 23:23:27 23608-23608/? I/MapRender: ERROR MapView.cpp:296: MapView::[SwitchMapType] enter!

我不知道这是否与我的问题有关。

我的 react-native 代码如下所示：

import HMSMap from 'react-native-hms-map';

...other code....

render = () => {
  const address = this.state.address;

  return (
   <View style={styles.container}>
    <HMSMap
      style={styles.map}
      initialRegion={{
        latitude: 37.78825,
        longitude:  -122.4324,
        latitudeDelta:  0.0922,
        longitudeDelta:  0.0421,
      }}
    />
   </View>
  );
 };

我的样式对象如下所示：

 container: {
  ...StyleSheet.absoluteFillObject,
  justifyContent: 'flex-end',
  alignItems: 'center',
  borderColor: 'black',
  borderWidth: 2
 },
 map: {
  ...StyleSheet.absoluteFillObject
 }

知道我做错了什么吗？

【问题讨论】：

我们可以看到ERROR MapView.cpp:296，当前插件没有C++插件。所以这个错误不一定与空白地图问题有关。能给个更完整的日志吗？目前，该错误的内容不充分。要分析此错误，需要 Map Kit。
我添加了 Map Kit - android 日志非常密集，因此很难确定确切的错误
如果原木密集，可以在问题中添加图片。 :)
我们检查了您提供的日志截图here。与地图问题无关。请将完整日志发送至 hmscore@huawei.com。如果您有更多问题，请随时与我联系！
自昨天检查以来，步骤已更新。我已按照新步骤进行操作，地图现在显示

标签： javascript react-native huawei-mobile-services huawei-developers

【解决方案1】：

您使用的是旧版本的 React Native Map Plugin 4.0.2，2020 年 7 月 30 日后将下线，导致此问题。

文档的“Version Change History”部分添加了注释，请参考。

【讨论】：

【解决方案2】：

你可以参考文章HMS Map Kit Elucidated : Using React Native了解如何在React Native中集成HMS Map。

【讨论】：