问题标签 [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.
firebase - 从 Firebase 检索坐标以生成地图标记的问题
我很抱歉,但我对 React Native 还是很陌生,而且我的术语和词汇量仍然相当有限。我目前正在尝试通过从 Firebase 获取数据来生成地图标记。到目前为止,我可以使用变量中的坐标来检索信息完成;但我无法更新listingData
. 在调试器模式下,它显示listingData
未定义
另外,我不太确定我的代码的第二部分,假设假设调用坐标,listingData
然后将标记放在地图上。
如果有人有任何建议,将不胜感激。
非常感谢,
谭
firebase - 使用firebase在地图上获取标记并做出本机反应
嗨,我正在尝试使用 Firebase 在地图上将数据从我的数据库中提取到我的本机应用程序。
但我没有找到只获取屏幕上显示的经纬度数据的方法。
我尝试了很多事情,但我无法通过 Firebase 查询来收听纬度和经度。
那么请问我应该如何进行查询?对不起,我 12 岁的英语不好,我是法国人。谢谢
react-native - React-Native-Maps onRegionChangeComplete Breaks & Returns (0,0) 和 Obscure Lat/LngDeltas
这里正在发生一些严重的头撞桌面动作。我们正在使用 react-native-maps,刷新时它有大约 50/50 的机会将地图跳转到 (0,0)。
我们正在使用onRegionChangeComplete 属性,在深入研究之后,我们可以看到它返回了一个不正确的 lat/long/latDelta/lngDelta,就像这样......
- 纬度:0
- 经度:0
- 纬度三角洲:102.73569069743314
- lngDelta:72.32139609754086
当它正常工作时,它带回的坐标更像......
- 纬度:35.78307468033585
- 经度:99.8066698028755
- 纬度三角洲:.072463719198538
- lngDelta:.051887668669237996
和我一起工作的人对同一个开发人员有同样的问题,结果不正确是......
- 纬度:0
- 经度:0
- 纬度三角洲:148.03909769956485
- lngDelta:126.56251475214958
当他们应该得到的坐标是......
- 纬度:45.06256685043254
- 经度:-103.290462680161
- latDelta: .0724636120368487
- lngDelta:.056723691523089315
我听说 react-native-maps 可能有很多问题,但我们不可能是唯一遇到这个问题的人。我仔细研究了我能找到的每一个线程,但没有运气。我希望那里有人遇到过类似的问题并且找到了解决方法?!谢谢!!!
额外信息
每次 onRegionChangeComplete 'breaks' 时,无论我们平移或缩放到哪里,latDelta 和 lngDelta 都会返回相同的两个数字。我的 (102.7356..., 72.3213...) 和我的伙伴的 (148.039..., 126.5625...)。起初我以为是因为我们在不同的位置,但是无论我们如何操作地图,这两个数字都不会改变(仅当 onRegionChangeComplete 'breaks' 时,否则它们会正确更新)。我觉得这两组不同的数字背后有一些推理可能会给我们一个答案,但我找不到任何相关性。我唯一能想到的是,它是根据我们不同的屏幕尺寸创建这些数字。任何和所有的帮助表示赞赏!谢谢!!
react-native - MapMarker 没有原生 prop 'AIRMapMarker.testID' 的 propTypes
我正在使用 react-native-maps (v-0.16.4) 它适用于 ios 但 MapView.marker 不适用于 android
完整的错误声明是-
MapMarker 没有原生类型字符串的原生 prop 'AIRMapMarker.testID' 的 propTypes。如果您自己没有更改此道具,这通常意味着您的本机代码版本和 Javascript 代码不同步。更新两者应该会使此错误消失。
我的地图文件是-
javascript - 反应原生地图:显示标注之前的中心标记 onPress
当用户按下标记时,我调用 animateToCoordinate 将标记置于屏幕中间。问题是在 animateToCoordinate 完成动画之前,标注被渲染到区域的位置,因此标注显示在屏幕外。无论如何要延迟标注显示直到 animateToRegion 完成?还是有另一种我没有看到的完全解决这个问题的方法?
react-native - navigator.geolocation 未在 Android 设备中返回正确的位置(react-native)
我正在尝试通过运行以下代码段来获取当前地理位置,
我在 AndroidManifest.xml 中设置了如下权限,
但是它总是返回纬度:0,经度:0(我假设的默认位置)。相同的代码在模拟器中运行良好,但在我的 android 设备中运行良好。
设备名称:Huwai(荣耀4x) Android版本:6.0.1
我应该改进我的代码以使其在移动设备中运行?
react-native - 在 MapView.Callout 中使用 onPress 总是会触发
当用户在我的地图上选择一个图钉时,我正在使用 MapView.Callout 显示一个弹出窗口。
当我在该弹出窗口中添加一个定义了 onPress() 方法的按钮时,该方法总是在填充状态时触发。即,在加载时 - 我从下面的代码中收到一堆警报:
如何避免这种情况发生?这发生在地图本身的负载上,而不是当用户点击任何给定的图钉时......
javascript - 反应原生 this.props.screenProps.mapLoc.markers.map 不是函数
我有以下问题,无法解决问题。我正在关注 react-native-maps 示例并尝试设置标记。但是 .map() 不断弹出错误:
this.props.screenProps.mapLoc.markers.map 不是函数
代码是:
数据是参数在那里并且应该:
{"screenProps":{"cats":[],"mapLoc":{"markers":{"Name":"Blank","Description":"Blank","Coords":{"latitude":56.947902, "longitude":24.097722}}}},"navigation":{"state":{"key":"Map","routeName":"Map"}}}
不知道发生了什么。