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

react-native - React Native Maps 上的组标记谷歌地图

我正在使用来自https://github.com/airbnb/react-native-maps/issues的 React Native 地图。如何使用标记集群使用 react-native-map 组件在地图上显示大量标记?像这样 https://developers.google.com/maps/documentation/javascript/marker-clustering

0 投票
3 回答
5428 浏览

ios - console.error: "react-native-maps" AirGoogleMaps 目录必须添加到您的 xCode 项目中

console.error: "react-native-maps" AirGoogleMaps 目录必须添加到您的 xCode 项目中

当我尝试在react-native-maps模块中测试示例时出现此错误。

Github:https ://github.com/airbnb/react-native-maps/tree/master/example

很明显,我应该将目录添加到我的 Xcode 项目中,但我不知道如何添加它们。

我可以举一个将 dir 添加到 Xcode 项目的示例吗?

错误图片

0 投票
1 回答
671 浏览

ios - ios中的react-native-maps空白页

我在这个问题中遇到了同样的问题: react-native - How to display map using react-native-maps

有人建议执行react-native link来解决这个问题,但它对我不起作用。

这个问题还有其他解决方案吗?

屏幕:

在此处输入图像描述

0 投票
1 回答
15477 浏览

react-native - navigator.geolocation.watchPosition 仅返回每 100 m

我在我的 react native 项目中使用 navigator.geolocation.watchPosition 在用户移动时在地图上绘制路径。我注意到这个函数的返回频率很低。当我使用 iOS 模拟器和 gps 模拟器中的“高速公路驾驶”模式进行测试时,我至少教过它是频率。现在,当我改用“城市跑”进行测试时,我可以看到位置的返回频率不取决于某个时间间隔,而是取决于距离......该函数每 100 米返回一次位置,不管位置变化这么大需要多长时间。

为什么会这样?这是预期的行为吗?我不知道它是否与 iOS 模拟器或我的代码有关,但我真的希望位置更精确,我希望它尽可能多地返回。

0 投票
1 回答
250 浏览

android - 无法在具有 React-Native-Maps 依赖项的 Android 设备或模拟器上运行 React Native 项目

我目前正在尝试在 android 上构建和运行我的项目,但它一直失败。我遵循了正确设置 android 环境的所有说明,因为我能够让我的其他应用程序在模拟器上运行。我在这个项目上使用了 React 本机映射依赖项,并且由于某种原因,每当我运行react-native run-android它时都会崩溃并出现以下错误: error: constructor ActionSheetPackage in class ActionSheetPackage cannot be applied to given types; new ActionSheetPackage() ^ required: FragmentActivity found: no arguments reason: actual and formal argument lists differ in length 1 error :app:compileDebugJavaWithJavac FAILED
其次是: What went wrong: Execution failed for task ':app:compileDebugJavaWithJavac'. Compilation failed; see the compiler error output for details.

我尝试使用可以在 react-native-maps github 页面上找到的内容进行故障排除,但这些似乎都不起作用。有没有人有任何想法?

0 投票
8 回答
19600 浏览

android - Android 模拟器没有在屏幕上显示谷歌地图

我一直在尝试遵循此https://github.com/airbnb/react-native-maps教程,我尝试了他们所说的一切,但在我的 android studio 模拟器上却出现了空白屏幕。

我的截图

我的代码:

AndroidManifest.xml 文件:

0 投票
1 回答
2299 浏览

react-native-maps - 将屏幕 x/y 位置转换为 react-native-maps 坐标

这是我的场景:

我有一个 react-native-maps 地图,并且我有一个位于屏幕中心的自定义控件(绝对定位)。控件的布局(从左到右)带有关闭按钮、标记和接受按钮。

期望的效果是允许用户将地图移动到中间标记所在的位置,然后单击接受按钮。

注意:设计不是让用户在地图上拖动的标记。我知道这可以通过 MapView.Marker 来完成。

我的问题归结为:有没有办法将屏幕的绝对 x/y 位置转换为地图坐标?

我知道你可以为地图连接一个 onPress 事件。但是控件不在地图上,并且接受按钮在标记的右侧关闭。

我正在运行以下命令: react-native: 0.40.0 react-native-maps: 0.13.0

我在 MapView 文档中没有看到任何内容,我想知道我是否必须对此进行本地化。

谢谢

0 投票
1 回答
2252 浏览

react-native - React-Native-Maps JSON 标记示例

有没有人有一个使用标记位置的 JSON 提要的 [react-native-maps] 的工作示例?

我的地图使用硬编码的纬度/经度标记,但希望使用 JSON 填充它。

非常感谢您的帮助!

0 投票
3 回答
4971 浏览

react-native - Android 警告:“AIRMap”的本机组件不存在

我已成功在 react 应用中添加了 Airbnb 地图。

但是当我将 Airbnb 地图视图添加到现有的 android 本机应用程序时。我总是得到带有红色边框的空地图。

我正在使用 RN 0.40 和 react-native-maps 0.13.0。

react-native 链接命令之后。然后android总是有警告:

“AIRMap”的本机组件不存在。

使用 appParams 运行应用程序“App”:{"initialProps":{},"rootTag":1}。DEV === true,开发级警告开启,性能优化关闭

这是我的 MainApplication.java 文件

0 投票
1 回答
3131 浏览

android - 问:react-native-maps:如何将 marker.showCallout() 用于映射为标记的坐标数组

我目前正在摆弄 react-native-maps 以模拟地图空间周围的各种移动对象(模拟项目的实时跟踪),并在标记旁边显示每个对象的名称的标注。

我目前能够在每次按下时显示每个标记的标注。但是,我打算创建一个按钮,用于打开或关闭地图上每个标记的标注。

我目前正在为我的地图使用react-native-maps库。

我所做的是这样的:

似乎当我渲染单个 Marker 组件时,此方法有效。但是,我无法完全摆脱使用 showCallout() 来显示整组标记的标注。

任何人都可以阐明如何去做这件事吗?