问题标签 [react-native-maps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
10292 浏览

react-native - 仅在 react-native MapView 上设置初始区域

用例:使用 react-native MapView 组件在地图上显示注释。设置初始地图区域,以便所有注释都可见。注释正在四处移动,这会触发重新渲染。此外,用户应该能够平移/缩放地图,因此onRegionChange()onRegionChangeComplete()尝试捕捉区域变化并将其设置为状态;这样,无论何时发生重新渲染,地图区域都不会重置为初始地图区域。

问题:由于更新状态的延迟,在状态中设置更新的区域不允许在地图上进行平滑的平移/滚动体验。经过几次平移或缩放后,地图会冻结,可能是因为它使用的是保存在该州中的当前区域,而不是更新后的区域。等待 1-2 秒,地图可以再次平移/缩放,大概是因为该地区现在已经更新了状态。

问题:有没有办法只设置 MapView 的初始区域,这样重新渲染不会导致区域重置?这样,onRegionChange()并且onRegionChangeComplete()可以用作代理方法来在新区域上执行工作(类似于 MKMapViewDelegate 的 mapView:regionWillChangeAnimated:),而不是保存区域本身以用于地图渲染。

0 投票
5 回答
49747 浏览

react-native - 如何在 react-native-map 中放大/缩小?

我正在使用 react-native 来构建地图应用程序。我正在使用的 api 来自此链接:https ://github.com/lelandrichardson/react-native-maps 。以下是我将地图带到我的应用程序的代码。我徘徊如何在该地图上给出缩放值。以及当用户单击地图上的按钮时如何更改缩放值。我应该使用什么缩放 API 来实现这一点?

0 投票
1 回答
5763 浏览

reactjs - react-native-maps 中的动画地图区域

以最简单的方式,我将如何为地图区域设置动画,以便我刚刚单击的标记位于屏幕的中心,并且在其他情况下位于屏幕上半部分的中心(在第 1 季和第 2 季)?

0 投票
3 回答
8532 浏览

react-native - 反应原生地图聚类

我想在我的 react-native 应用程序中集成地图,我正在为该 https://github.com/airbnb/react-native-maps使用“react-native-maps”库 我想使用集群但我无法找到与此相关的适当文件。请帮助我找到有关如何将地图与集群集成的文档,并告诉我哪个库最适合在 iOS 和 Android 这两个平台上实现集群。

0 投票
1 回答
1367 浏览

reactjs - 区域更改后 React Native Maps 自定义标记不可触摸

我正在使用带有 React Native Maps 的自定义标记。在初始加载时,触摸标记将显示标记的标注(标题和描述)。但是,将地图拖到新区域后,标记不再可触摸。要在更改区域后显示标记的标题和描述,用户必须准确点击标记坐标。

拖动地图时,标记图像会闪烁。我认为这可能与他们变得不可接触有关。我怎样才能防止这种情况?

编辑

更改地图区域后,标记实际上仍然可以触摸。onPress即使地图区域发生变化,每次触摸标记时,标记的功能仍会记录控制台日志。在阅读React Native Maps 文档多一点之后,看起来showCallout可以通过触摸调用的区域是唯一缩小的部分。仅当使用自定义标记时,此可触摸区域才会缩小。

0 投票
1 回答
2121 浏览

react-native - react-native - 如何使用 react-native-maps 显示地图

我正在尝试使用react-native-maps显示地图视图。该组件似乎正在显示,但它是空白的。

在此处输入图像描述

是我的样式表还是我调用“MapView”组件对吗?

这是代码:

0 投票
1 回答
821 浏览

javascript - 在 native-react-maps 中创建新标记

react-native-maps我们如何通过单击可拖动标记在地图上创建新标记?这个新标记将在单击发生时初始可拖动标记所在的位置创建。

我可以从 中获取新标记的位置坐标e.nativeEvent.coordinate,但我们如何创建这个新标记?

0 投票
1 回答
1003 浏览

react-native - 地图上方的滚动视图

我想要一张ScrollView上面的地图。的内容ScrollView应该从屏幕的 2/3 开始,以便我可以看到地图上的标记并使用地图。但是当我开始拖动滚动视图时,它应该使用整个高度来滚动,而不仅仅是 1/3 所在的ScrollView位置。

我尝试使用 top 进行定位,这让我可以使用地图,但滚动发生在左侧的小区域内。paddingTop具有预期的效果,但它当然不允许我使用地图。

我怎样才能达到我想要的?

截屏

0 投票
2 回答
6601 浏览

javascript - 使用 react-native-maps 更改 MapView.Marker 的 pinColor

即使在将颜色分配给 之后, 的颜色MapView.Marker似乎也不会从默认的红色改变pinColor

有什么问题吗?

Android 模拟器的屏幕截图

在此处输入图像描述

0 投票
1 回答
555 浏览

javascript - 无法通知项目评估侦听器,用于 react-native-maps

每当我尝试运行具有 react-native-maps 的项目时,我都会遇到错误。否则它工作正常,因为没有 react-native-maps,我使用 Geneymotion 作为我的 android emaultor。请同样建议我。请查找随附的屏幕截图。

反应式原生运行 android 结果:react-native run-android

Geneymotion 模拟器结果