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

react-native - 获取地理位置后,React-Native-Maps 似乎不会重新渲染

我正在尝试创建一个简单的应用程序来加载谷歌地图(使用 airbnb 的 react-native-maps 库)并显示用户的当前位置。我看到的是地图总是显示默认的初始位置,而不是在获取用户位置后重新渲​​染。

我正在使用 React 0.42 并且仅在 iOS 上进行测试。这里有一些代码来澄清:

1.) 我设置了一个初始状态

2.) 我在 componentDidMount 中获取用户的位置

3.)使用渲染,我显示带有初始区域的地图,并期望一旦获取用户的位置,该区域就会改变

这是onRegionChange,只是用新区域更新状态,我相信这会导致重新渲染

注意:经度和纬度文本值会随着地图上区域的变化而更新,并且一旦获取用户的位置,它们就会更新。

所以我有点困惑,为什么一旦获取用户的位置,地图就不会改变它所显示的内容。任何帮助将非常感激!

更新:我看过这个线程:https ://github.com/airbnb/react-native-maps/issues/43它似乎主要围绕Android,但我确实尝试删除 enableHighAccuracy 选项没运气。

0 投票
1 回答
1077 浏览

reactjs - 将目的地传递给地图并导航到该点

我在我的 React Native 应用程序中使用 react-native-maps,并且我的 MapView 上有一些标记。

我要做的是在按下一个标记时打开默认的地图应用程序(iOS中的地图和Android中的谷歌地图)并传递导航到该点的坐标(=将坐标设置为目的地,参见图片以下)。 期望的结果

现在我发现最好的方法是用这样的东西打开浏览器:Linking.openURL('http://maps.google.com/maps?q=37.78825,-122.4324')然后从浏览器打开地图,但我想避免使用浏览器,因为这似乎是一个多余的步骤。我也尝试过Linking.openURL("geo:37.484847,-122.148386"),但这种方式地图只是在该坐标处打开,并没有将它们作为导航到的目的地。

我搜索了至少几个小时以找到直接的应用程序 - > 地图方式,但我仍然没有解决方案。有任何想法吗?

0 投票
1 回答
1894 浏览

react-native - React Native 地图获取左上角和右下角纬度和经度

我正在开发一个使用 React-native-maps 的 react native 应用程序,目前我坚持获取当前区域的左上角(lat & long)和右下角(lat & long)

知道如何获得它吗?

0 投票
1 回答
582 浏览

react-native - 如何在 airbnb 的 react-native-maps 中的 Callout 中使用 TextInput?

我想在标注中获取用户的输入,以便我可以对其执行操作。但是在 MapView.Callout 中使用 TextInput 是没有用的,因为整个 Callout 都被按下了。我该如何做到这一点?

0 投票
0 回答
804 浏览

react-native - React Native:react-native-maps。根据 ScrollView 偏移量动画活动标记

我正在使用react-native-maps并希望根据ScrollViewx 偏移量逐渐为活动和非活动标记的比例设置动画。(下图更好地描述了它)

我的方法是为每个标记创建new Animated.Value并为每个标记创建Interpolate ScrollView偏移量:

也许有一种我不知道的更优雅(性能)的方法,我不需要为每个标记创建new Animated.ValueInterpolators使用它,我可以获得相同的结果?

在此处输入图像描述

0 投票
2 回答
6282 浏览

javascript - React Native Map 渲染在一切之上

我正在使用 react-native-maps 开发一个小地图应用程序。我正在尝试在地图顶部渲染一个浮动操作按钮,但是当我看到它闪烁一秒钟时,一旦地图渲染,它就位于按钮的正上方。我将在下面粘贴我的渲染代码和样式:

0 投票
1 回答
260 浏览

reactjs - Android 警告:“RCTMap”的本机组件不存在

我创建了一个反应原生项目,我正在尝试使用 Android 地图。正如 Facebook react native 页面中所建议的,我正在使用 airbnb react-native-maps 包。我按照说明在清单中添加了我的 google api 密钥。在 iOS 中它运行良好,但在 Android 上它给了我一个警告并且它没有向我显示地图:“警告:'RCTMap' 的本机组件不存在”。这是我的代码:

我究竟做错了什么?为什么我会收到警告?我在这里搜索了类似的问题,但几乎每个人都说要使用 airbnb react-native-maps(我也这样做了)。感谢大家

0 投票
0 回答
461 浏览

memory - 使用数百个相同图像时内存不足

描述

我正在使用 react-native-maps 在地图上绘制大约 750 个标记。每个标记都使用相同的图像

复制步骤和示例代码

可能的解决方案

重用 UIImage 使用 适用于 iOS 的 Google Maps SDK 优化自定义标记图像性能

但是,我不知道如何在 React Native 中做到这一点,因为 React 抽象了视图层。

附加信息

  • React Native 版本:["0.41.2"]
  • 反应原生地图:[“^0.13.0”]
  • 平台:[两者]
  • 开发操作系统:[MacOS]
  • 开发工具:[Xcode: 8.3, iPhone 7(10.3), GalaxyS6(6.0.1)]

图片

图片

0 投票
2 回答
3904 浏览

android - Android Google Maps [React Native?]“未找到 API 密钥。检查..”错误

嗨,我是新来的本地人。我刚做了一个新的应用程序。当我的应用程序中没有地图组件并且我的其他组件工作正常时。但是,当我在我的render(){return(..

我得到错误:

在此处输入图像描述

我搜索了项目文件夹以找到 AndroidMainfest.xml 并找到了一对。我改变了一个:\android\app\build\intermediates\manifests\full\debug

由此:

对此:

我什至只使用元数据 API 密钥之一进行了尝试。

其他一些信息:我从这里获得了 API 密钥:https ://developers.google.com/maps/documentation/android-api/signup 。

在我更改它之后,我只是保存了文件并重新启动了模拟器,并在带有命令提示符的目录中使用 react-native run-android 重新启动了应用程序。我不确定这是否是“重建”项目的正确方法。

我正在使用 Facebook 推荐使用的 Airbnb react-native-maps 组件:https ://github.com/airbnb/react-native-maps

我最近做了npm install react-native-maps --savereact-native link react-native-maps因为这是一个全新的项目(他们提供的新版本中的错误或什么?)。模拟器是android 7.1.1。

这是 android studio 模拟器的 SDK 管理器: 在此处输入图像描述

0 投票
3 回答
85258 浏览

react-native - 使用 react-native-maps 在 ReactNative 中获取当前位置、纬度和经度

我正在开发地图位置。当我单击某个特定位置时,我会得到纬度和经度,但不是当前位置、纬度和经度。

我不知道怎么知道。

我怎样才能得到它们,我怎样才能把标记放在那个位置?

这是我的代码: