问题标签 [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.
react-native - 仅在 react-native MapView 上设置初始区域
用例:使用 react-native MapView 组件在地图上显示注释。设置初始地图区域,以便所有注释都可见。注释正在四处移动,这会触发重新渲染。此外,用户应该能够平移/缩放地图,因此onRegionChange()
并onRegionChangeComplete()
尝试捕捉区域变化并将其设置为状态;这样,无论何时发生重新渲染,地图区域都不会重置为初始地图区域。
问题:由于更新状态的延迟,在状态中设置更新的区域不允许在地图上进行平滑的平移/滚动体验。经过几次平移或缩放后,地图会冻结,可能是因为它使用的是保存在该州中的当前区域,而不是更新后的区域。等待 1-2 秒,地图可以再次平移/缩放,大概是因为该地区现在已经更新了状态。
问题:有没有办法只设置 MapView 的初始区域,这样重新渲染不会导致区域重置?这样,onRegionChange()
并且onRegionChangeComplete()
可以用作代理方法来在新区域上执行工作(类似于 MKMapViewDelegate 的 mapView:regionWillChangeAnimated:),而不是保存区域本身以用于地图渲染。
react-native - 如何在 react-native-map 中放大/缩小?
我正在使用 react-native 来构建地图应用程序。我正在使用的 api 来自此链接:https ://github.com/lelandrichardson/react-native-maps 。以下是我将地图带到我的应用程序的代码。我徘徊如何在该地图上给出缩放值。以及当用户单击地图上的按钮时如何更改缩放值。我应该使用什么缩放 API 来实现这一点?
reactjs - react-native-maps 中的动画地图区域
以最简单的方式,我将如何为地图区域设置动画,以便我刚刚单击的标记位于屏幕的中心,并且在其他情况下位于屏幕上半部分的中心(在第 1 季和第 2 季)?
react-native - 反应原生地图聚类
我想在我的 react-native 应用程序中集成地图,我正在为该 https://github.com/airbnb/react-native-maps使用“react-native-maps”库 我想使用集群但我无法找到与此相关的适当文件。请帮助我找到有关如何将地图与集群集成的文档,并告诉我哪个库最适合在 iOS 和 Android 这两个平台上实现集群。
reactjs - 区域更改后 React Native Maps 自定义标记不可触摸
我正在使用带有 React Native Maps 的自定义标记。在初始加载时,触摸标记将显示标记的标注(标题和描述)。但是,将地图拖到新区域后,标记不再可触摸。要在更改区域后显示标记的标题和描述,用户必须准确点击标记坐标。
拖动地图时,标记图像会闪烁。我认为这可能与他们变得不可接触有关。我怎样才能防止这种情况?
编辑
更改地图区域后,标记实际上仍然可以触摸。onPress
即使地图区域发生变化,每次触摸标记时,标记的功能仍会记录控制台日志。在阅读React Native Maps 文档多一点之后,看起来showCallout
可以通过触摸调用的区域是唯一缩小的部分。仅当使用自定义标记时,此可触摸区域才会缩小。
javascript - 在 native-react-maps 中创建新标记
react-native-maps
我们如何通过单击可拖动标记在地图上创建新标记?这个新标记将在单击发生时初始可拖动标记所在的位置创建。
我可以从 中获取新标记的位置坐标e.nativeEvent.coordinate
,但我们如何创建这个新标记?
javascript - 无法通知项目评估侦听器,用于 react-native-maps
每当我尝试运行具有 react-native-maps 的项目时,我都会遇到错误。否则它工作正常,因为没有 react-native-maps,我使用 Geneymotion 作为我的 android emaultor。请同样建议我。请查找随附的屏幕截图。