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

react-native - React Native Maps:放置多个标记并更改状态

我目前正在开发一个使用 React Native Maps 的应用程序。我已经看到了他们放置多个标记以及按下时如何更改标记状态的示例,我希望能够将这两个功能结合在一起。我希望能够放下多个标记,然后在按下时更改各个标记的状态。我已经成功放下了多个标记,但是当按下时,所有标记的状态都发生了变化。我想知道该怎么做,这样标记在按下时会改变各个状态。感谢所有的帮助。

以下是我使用的 React Native Maps 示例的链接: https ://github.com/airbnb/react-native-maps/blob/master/example/examples/DefaultMarkers.js

https://github.com/airbnb/react-native-maps/blob/master/example/examples/MarkerTypes.js

这是我目前拥有的代码

0 投票
4 回答
2000 浏览

react-native - react-native-maps 标记抛出和 IndexOutofBoundsException: Invalid index 1, size is 0

我正在尝试让 react-native-maps Marker 显示在我的 Android 设备上(它在 iOS 上工作得非常好),但它向我抛出了 IndexOutofBoundsException: Invalid index 1, size is 0 error at render time。

http://i.imgur.com/owletnw.png

知道什么可能导致这种行为吗?我尝试从 MapView 组件中删除 View 块,但这似乎没有帮助。在实际的应用程序中,我计划通过一个似乎在 fitToCoordinates 方法中工作的对象传递坐标。

0 投票
2 回答
13912 浏览

javascript - React-Native-Maps 在加载后立即适合坐标

GitHub 上的 react-native-maps 存储库的示例中提供的示例显示了一个按钮,用于执行一个函数来设置考虑到标记列表的适当缩放:

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

给定已经初始化的标记数组,是否可以使用适当的拟合来初始化地图?

当试图在 上设置正确的配合时componentDidMount,我收到:

Error using new LatLntBounds(LatLngBounds, int): Map size can't be 0. Most likely, layout has not yet occured for the map view.

fitAllMarkers()现在调用我的函数肯定为时过早。是否有onLoad可以在地图初始化后立即触发的功能?

0 投票
5 回答
24967 浏览

javascript - React-Native-Maps: How to animate to coordinate?

I am using the following code with no success:

//Inside of NativeBase Container

//Inside of componentDidMount of the class

But an error occurs saying there is no such function animateToCoordinate.

0 投票
1 回答
7350 浏览

javascript - 如何在 onPress 的 react-native-maps 中获取标记的键或坐标?

我正在使用react-native-maps来渲染带有多个标记的 MapView。当用户单击标记时,我想执行一些动作和动画。为此,我将一个函数(例如,onMarkerPress)绑定到每个标记的 onPress。我遇到的问题是我无法弄清楚如何找出触发该功能的标记。有没有办法获得对标记/识别关键道具的引用?甚至坐标也可以,因为我可以使用它们来查找标记。

0 投票
0 回答
372 浏览

ios - 在 RCTConvert 中编写自定义转换器

我已经成功地为 float 和 BOOL 等原始类型创建了 RCT_EXPORT_VIEW_PROPERTY,但无法让我的自定义结构工作,我一直从 JavaScript 获取 (null)。

我在 AIRMapMarkerManager.m 中定义了我的 RCT_EXPORT_VIEW_PROPERTY

在 RCTConvert+MoreMapKit.m 我创建了我的自定义转换器

RCTConvert+MoreMapKit.h

AirMapMarker.h

MapMarker.js

我的 JS 代码发送数据

当我只是将它们作为上面注释的简单道具发送时,我没有使用 RCTConvert+MoreMapKit.m 中的任何自定义转换器函数就可以正常工作,所以我猜这就是我做错了什么的地方。

0 投票
2 回答
2666 浏览

ios - 类'RCTViewManager'XCode的重复接口定义

我按照他们的安装说明将 AirBnb 的 React Native Maps 添加到我的项目中:

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

现在我在尝试使用 Xcode 构建项目时遇到这些编译错误。如果我在终端中使用“react-native run-ios”,应用程序仍然可以运行,但我想解决这个问题。我尝试了以下链接中提出的解决方案,但没有解决任何问题:

https://github.com/airbnb/react-native-maps/issues/1017

最初对于不同的 React Native 类实际上存在多个这些错误,但是当我将相关导入从引号语法替换为 <> 语法时,它们得到了修复。

例如,如果错误是针对“RCTView”,我将替换#import "RCTView.h"#import <React/RCTView.h>

但是,这并没有解决这个错误,这是唯一剩下的一个。

我在下面包含了相关的屏幕截图:

这就是错误的样子。

豆荚文件

链接二进制库

非常感谢任何能解决这个问题的人。

0 投票
1 回答
1340 浏览

ios - 反应原生。我找不到我当前的位置(地理位置)IOS

我需要从 GPS 访问我的位置。所以,我将地理位置导入项目。

首先,我像这样创建以下内容(安装反应原生地图,已经链接)

我刚刚在我的 Xcode 中添加了 NSLocationWhenInUseUsageDescription

另外,我的 Xcode 中已经有 libRCTGeolocation.a

然后,我只是在 Airbnb 的 mapview 中阅读地图视图。告诉我设置 showUserLocation 将其设置为“true”。设置为 true 时将要求用户访问位置。

参考:https ://github.com/airbnb/react-native-maps/blob/master/docs/mapview.md

最后,那是不要求任何东西来访问位置。所以,我不知道为什么。我找不到我当前的位置。

这是我从一开始就描述的一步一步的照片 http://imgur.com/a/5TJZa

我会告诉你我的代码。

路由.js

0 投票
1 回答
6865 浏览

react-native - React-native:如何在不单击 react-native-maps 中的标记的情况下显示工具提示

我正在使用 react-native-maps 模块。我已经给出了 lat 和 long 值,并且我使用 MapView.Marker 在单击标记时显示标记和工具提示。

但是,现在我想在最初加载地图时不点击标记来显示工具提示。

这是我的代码:

任何人都可以帮助如何解决这个问题...

0 投票
1 回答
259 浏览

javascript - 反应原生。我安装库 react native 出现错误(失败)

我使用图书馆 Airbnb react-native-map 创建我的项目

关联:

https://github.com/airbnb/react-native-maps

我只是在终端上运行

并运行,但在终端上出现如下错误:

我使用 react native 0.38.0 版本,因为当我升级 > 0.40 并在 iPhone 上发布时需要使用库运动管理器,出现如下错误: IOS - React Native - Unhandled JS Exception: SyntaxError

这是我的模拟器截图,所以它只有框(不显示谷歌地图)

这种方式可以解决我运行运动传感器的问题

有人告诉我升级到 > 0.40 以使用 react-native-maps

我需要有人帮助解决这个问题而不升级> 0.40

谢谢你的支持