问题标签 [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 投票
0 回答
406 浏览

firebase - 从 Firebase 检索坐标以生成地图标记的问题

我很抱歉,但我对 React Native 还是很陌生,而且我的术语和词汇量仍然相当有限。我目前正在尝试通过从 Firebase 获取数据来生成地图标记。到目前为止,我可以使用变量中的坐标来检索信息完成;但我无法更新listingData. 在调试器模式下,它显示listingData未定义

另外,我不太确定我的代码的第二部分,假设假设调用坐标,listingData然后将标记放在地图上。

如果有人有任何建议,将不胜感激。

非常感谢,

0 投票
1 回答
6547 浏览

reactjs - 在 airbnb/react-native-maps 中自定义我的位置按钮

我使用 airbnb/react-native-maps 来设计基于跟踪的应用程序。我设计了一个自定义搜索框。但问题是,搜索框与我的位置按钮重叠。有什么方法可以自定义我的位置按钮并更改其对齐位置?我附上了一张照片以获得更多规格。

这是我使用的示例代码

在此处输入图像描述

0 投票
2 回答
1521 浏览

image - 在 react-native-maps MapView 中使用远程图像 uri

我正在为我的 react-native 应用程序使用 react-native-maps。我需要在地图上的 MapView 上发布图像。但是,我从网络上获取图像。然而,据我所知,只有本地图像可以在 react-native-maps 中添加到 Mapview。你知道有什么方法可以从中张贴图片urireact-native-maps MapView

我试过了

结果是

在此处输入图像描述

然后我刚刚删除了<Image/>with

结果是

在此处输入图像描述

0 投票
0 回答
255 浏览

firebase - 使用firebase在地图上获取标记并做出本机反应

嗨,我正在尝试使用 Firebase 在地图上将数据从我的数据库中提取到我的本机应用程序。

但我没有找到只获取屏幕上显示的经纬度数据的方法。

我尝试了很多事情,但我无法通过 Firebase 查询来收听纬度和经度。

那么请问我应该如何进行查询?对不起,我 12 岁的英语不好,我是法国人。谢谢


0 投票
0 回答
150 浏览

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' 时,否则它们会正确更新)。我觉得这两组不同的数字背后有一些推理可能会给我们一个答案,但我找不到任何相关性。我唯一能想到的是,它是根据我们不同的屏幕尺寸创建这些数字。任何和所有的帮助表示赞赏!谢谢!!

0 投票
1 回答
357 浏览

react-native - MapMarker 没有原生 prop 'AIRMapMarker.testID' 的 propTypes

我正在使用 react-native-maps (v-0.16.4) 它适用于 ios 但 MapView.marker 不适用于 android

完整的错误声明是-

MapMarker 没有原生类型字符串的原生 prop 'AIRMapMarker.testID' 的 propTypes。如果您自己没有更改此道具,这通常意味着您的本机代码版本和 Javascript 代码不同步。更新两者应该会使此错误消失。

这是错误描述的图像

我的地图文件是-

0 投票
2 回答
3402 浏览

javascript - 反应原生地图:显示标注之前的中心标记 onPress

当用户按下标记时,我调用 animateToCoordinate 将标记置于屏幕中间。问题是在 animateToCoordinate 完成动画之前,标注被渲染到区域的位置,因此标注显示在屏幕外。无论如何要延迟标注显示直到 animateToRegion 完成?还是有另一种我没有看到的完全解决这个问题的方法?

0 投票
0 回答
516 浏览

react-native - navigator.geolocation 未在 Android 设备中返回正确的位置(react-native)

我正在尝试通过运行以下代码段来获取当前地理位置,

我在 AndroidManifest.xml 中设置了如下权限,

但是它总是返回纬度:0,经度:0(我假设的默认位置)。相同的代码在模拟器中运行良好,但在我的 android 设备中运行良好。

设备名称:Huwai(荣耀4x) Android版本:6.0.1

我应该改进我的代码以使其在移动设备中运行?

0 投票
2 回答
1573 浏览

react-native - 在 MapView.Callout 中使用 onPress 总是会触发

当用户在我的地图上选择一个图钉时,我正在使用 MapView.Callout 显示一个弹出窗口。

当我在该弹出窗口中添加一个定义了 onPress() 方法的按钮时,该方法总是在填充状态时触发。即,在加载时 - 我从下面的代码中收到一堆警报:

如何避免这种情况发生?这发生在地图本身的负载上,而不是当用户点击任何给定的图钉时......

0 投票
1 回答
188 浏览

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"}}}

不知道发生了什么。