1

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

我已经删除了此版本的 react-native-maps，并按照华为 HMS Core Developer Guides for 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
 }

知道我做错了什么吗？

4

2 回答 2

0

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

在“<a href="https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Guides/version-change-history-0000001050141050" rel="nofollow noreferrer">上加注文档中的版本更改历史”部分，请参阅。

于 2020-10-14T06:41:52.727 回答
-1

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

于 2020-10-15T12:09:38.203 回答