时间戳

首页 > 解决方案 > react-native-maps 标注的问题

react-native - react-native-maps 标注的问题

问题描述

我是 React Native 的新手，我在两个平台上都遇到了 react-native-maps 标注的问题。我在 iOS 上使用 Apple 地图，在 Android 上使用 Google 地图。标注显示标题和图像。

在 iOS 上，当我在地图中有多个标记，其中一些彼此非常接近时，单击标记时，标注会显示一秒钟，但随后它会隐藏并显示最近标记的那个。我已经搜索了一个解决方案，发现人们使用一些解决方法，比如设置 pointerEvents="auto" 但对我没有任何帮助。

在 Android 上，单击标记时标注正确显示，但未显示图像。我还搜索并找到了一种解决方法，包括 a 中的图像，但这对我来说根本不起作用，它效果更好，因为图像在大多数情况下都会显示，但并非总是如此。所以现在我只在 Android 上显示标题。

我尝试使用最新的 react-native-maps 版本 0.28.0 和相同的行为。我还没有在 iOS 上尝试过谷歌地图，如果我找不到解决方案，我认为这将是下一步。

我还尝试了 react-native-mapbox-gl 并且在 iOS 上工作正常，标注正确显示标题和图像，但在 Android 上我安装了应用程序，它打开了一秒钟然后关闭抛出 MainActivity not found 错误。如果我在没有 react-native-mapbox-gl 的情况下返回上一个提交，那么它会正确安装并打开。我还考虑过在 iOS 上使用 react-native-mapbox-gl，在 Android 上使用 react-native-maps。但是，在 React Native 中使用地图真的很难吗？

提前致谢。

标签： react-nativereact-native-mapscalloutsreact-native-mapbox-gl

解决方案

我有同样的问题并解决了它添加到标记 anchor={{x: 1, y: 1}} pointerEvents="auto"

推荐阅读