问题标签 [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 回答
9905 浏览

react-native - 在 react-native 中单击地图视图上的任意位置时如何放置标记

MaoView我的要求是,当用户单击地图上的任意位置时,我需要在 上显示标记,并且还需要获取放置标记的位置的坐标(纬度和经度)。

这是我尝试过的:

0 投票
0 回答
109 浏览

react-native - 在 React-Native-Maps 上显示堆叠标记

当我在同一坐标附近有多个标记时,几乎不可能区分两者。一旦靠近,有没有办法“扇出”标记?

我正在使用如下所示的自定义标记:

标记

0 投票
1 回答
761 浏览

react-native - 当一个标记被点击时,我想点击它 3 次

Android上的地图标记存在问题,似乎没有人可以修复它。解决方法是点击地图标记 3 次,它将正确打开带有图像的标注/注释。

如何,我可以以编程方式执行此操作吗?每次用户点击时,我想点击标记 3 次。

0 投票
2 回答
627 浏览

ios - React Native Maps 红色轮廓 ios

我正在尝试解决红色边框问题react-native-maps。我已经尝试了所有通常的样式设置、重新安装/重新链接以及将空中地图添加到我的 xcode 项目中,我不想使用谷歌地图。任何帮助将不胜感激。

0 投票
1 回答
656 浏览

reactjs - 尝试使用 onPress 事件更新 React Native Mapview 组件中的区域状态时出错

我正在使用 React Native 为 IOS 移动设备创建地图应用程序。我正在使用 React Natives MapView 组件,我正在尝试使用 onPress 函数中的 onRegionChange 事件更新区域,以便当用户输入地址时,onRegionChange 中的 setState 将呈现该地址,并在输入的地址上放置一个标记用户。

我尝试在我的 _addItem 函数 onPress 事件中调用 on RegionChange 函数。我传入该函数 this.state.region ,在该函数中我使用 this.state.coordinate 设置为等于标记的坐标,但我在控制台中不断收到此错误:

错误:您试图用一个对象上latitude的值设置键,该33.77709834885268对象是不可变的并且已被冻结。

我还尝试创建一个名为 onMarkerChange 的新函数并在标记的坐标上调用 setState,然后在 _addItem 函数 onPress 中调用 onMarkerChange 函数,我得到了在用户输入的新地址上呈现的标记,但它让我离开了区域并且用户必须多次单击标记才能放大到区域。

有人可以通过查看我的代码来告诉我我做错了什么。非常感谢!

这是我的代码:

0 投票
2 回答
1372 浏览

google-maps - react native map中的clustring react-native-maps

我尝试通过使用此参考来使用超级集群和 react-native-maps(airbnb) 反应原生地图集群,该参考显示更多节点的性能不佳,以改进从哪里启动 airbnb java 代码或超级集群。

0 投票
1 回答
283 浏览

android - 反应原生地图 - android上的白色地图问题

我正在尝试使用react-native-maps运行我的 react native 应用程序。我得到了带有红色边框问题的白色地图。我相信对我来说答案是这里的底部评论。但是当我在 xxx/android/app/src/main/java/com/xxx/MainApplication.java 中的代码中实现它时,我得到了这个错误:

错误:com.airbnb.android.react.maps 包不存在

如何将该包放入我的 react-native 应用程序的 android 版本中?

0 投票
0 回答
1058 浏览

react-native - react native maps custom Tile Overlay log x,y,z

我正在使用来自 react-native-maps 的自定义图块覆盖:

我可以使用此 url 模板显示图块:

现在我想访问 z、x 和 y 变量来记录请求的图块。

0 投票
1 回答
7151 浏览

ios - React Native:在另一个组件之上的组件

我正在使用react-native-mapsand构建一个基于位置的 iOS 应用程序react-native-google-places-autocomplete

在我的代码中,我首先有搜索条形码,然后是地图代码 - 这样搜索栏就会呈现在地图顶部。问题是,我无法移动地图,因为搜索栏组件似乎有一个占据整个屏幕的透明元素。删除搜索栏后,我可以移动地图。如何将搜索栏放在地图顶部并移动地图。

我欢迎替代/更好的方式来做我想做的事情。

组件覆盖问题

0 投票
2 回答
3176 浏览

react-native - react native 无法安装 react-native-maps (Android)

我无法安装 react native react-native-maps,当我尝试使用 react-native run-android 构建时出现此错误(我还没有在 iOS 上尝试过):

配置项目 ':app' 时出现问题。无法解析配置 ':app:_debugApk' 的所有依赖项。未找到名称为“默认”的配置。

我按照这里的说明进行操作:

https://github.com/airbnb/react-native-maps/blob/master/docs/installation.md

当我跑步时:

我得到:

它似乎可以在 iOS 上运行,但不能在 android 上运行,尽管对于地理编码器它可以运行(并且服务运行良好)。

所以我按照手册说明进行了编辑(但我仍然收到上面的错误):

android/app/build.gradle
android/settings.gradle
MainApplication.java
android\app\src\main\AndroidManifest.xml(已经为地理编码器编辑过)。

我确实使用了 build.gradle 中的版本号:

配置项目 ':app' 时出现问题。无法解析配置 ':app:_debugApkCopy' 的所有依赖项。找不到 com.airbnb.android:react-native-maps:0.12.2。

我尝试了不同的东西,但没有任何效果。我从这个链接尝试了一些东西(但它已被弃用):

无法评估模块“react-native-maps”:找不到名称为“默认”的配置

注意:我在 react-native 0.42.0