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

ios - react-native-maps 为每个区域填充颜色

我需要在 iOS 上显示缅甸地图。缅甸有7个州和7个地区。我的要求是用户点击地图上的州或地区,然后显示具体数据。

我正在使用 react-native-maps 和 geojson 数据。请参阅附件。它显示了 iOS 应用程序。我的 geojson 已经有每个地区和州的填充颜色和描边颜色数据。

但我面临的问题是如何为地图上的每个州和地区添加颜色。是否有任何其他 react-native 组件来实现这一点。

问候, 亚历克斯·昂

在此处输入图像描述

0 投票
0 回答
579 浏览

react-native - React Native - 如何将 React Navigation 与 React Native Maps 一起使用?

我有一个场景展示了我所在城市的一些纪念碑。当我按下标记(纪念碑)时,它会显示纪念碑的名称。我想要做的是,当我按下那个名字时,我想转移到一个确定的场景(使用反应导航)。我用 TouchableHighlight 包裹了纪念碑的名称,并在按下时调用了“导航”方法。但它根本不传输,它什么都不做。甚至没有错误。

这是我的代码:

}

我究竟做错了什么?谢谢!

0 投票
1 回答
897 浏览

javascript - React Native Maps liteMode 不起作用

代码

错误

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但未定义。您可能忘记从定义的文件中导出组件。

检查 MapView 的渲染方法。

问题

当我将 liteMode 道具添加到 MapView 时,我只会收到此错误。

0 投票
1 回答
2803 浏览

ios - 运行 pod install 后找不到目标文件

我正在使用 react-native-maps 并尝试使用适用于 iOS 的 Google 地图,我按照https://github.com/airbnb/react-native-maps/issues/693中的上述说明进行操作,因此我收到错误从 pod 安装:

找不到名为的目标AirMapsExplorer

这是我拥有的 podfile

我重新启动了我的设备(现在 2 次)删除了 pod 文件夹和 podfile,再次按照说明操作并得到相同的错误。我什至尝试过清理构建和清理文件夹仍然无济于事。

如果您遇到此错误,任何人都会遇到此错误或遇到解决方法。我不经常使用 xcode,因为我正在使用 React Native 进行构建,并且尽量不要使用 xcode 做太多事情,除非我绝对必须使用 iOS。

如果您希望我展示其他内容,我将帮助调试此问题。谢谢

0 投票
1 回答
8027 浏览

ios - React Native 和 iOS 模拟器错误的地理位置

我正在使用 react-native-maps 并使用 react-native api 进行地理定位。当我通过 api 使用位置时,模拟器上的返回显示我在旧金山而不是我所在的科罗拉多州丹佛市。为什么我的位置不会显示我在哪里,有什么原因吗?

我运行该位置的函数

我在初始状态下预设的位置是:

这比iOS模拟器向我展示的位置更接近 我的位置的控制台日志

有人遇到这个问题并知道如何解决吗?是 react-native 正在运行的网络还是不应该从我的笔记本电脑网络位置提取?

我已经查看是否有其他人遇到过这个问题: React Native iOS 中 的地理定位,如果您搜索地理定位错误的 react-native ios,则堆栈上的搜索仅显示 6 个结果......谷歌也没有太大帮助。

谢谢你的帮助

0 投票
1 回答
700 浏览

react-native-maps - React Native Maps - 空对象参考

我正在关注关于 React Native Maps 的本教程:https ://www.youtube.com/watch?v=MqLC0kOqrwk&t=1s

我的代码与导师几乎相同(我没有使用MapView.Markers),但出现此错误:尝试调用接口方法'boolean abi19_0_0.com.facebook.react.bridge.ReadableMap.hasKey(java.lang.String)' on空对象引用

这是我的代码:

0 投票
2 回答
343 浏览

ios - React 原生地图集成

我正在尝试将地图集成到本机反应中。我正在遵循以下教程。 https://github.com/airbnb/react-native-maps

我完成了所有安装说明。我正在使用react-native version : 0.44.0react-native-map version : 0.13.0 确保它react-native-link与 android 和 iOS 相关联。在 ios 模拟器中渲染地图视图时,地图没有显示,只有我能够使用红色轮廓的空白地图。

请检查我下面的代码,让我知道我错了。

0 投票
2 回答
538 浏览

android - google play服务通用版

我想react-native-maps在我的 react-native 应用程序中使用这个包,这个包需要最新版本的谷歌播放服务才能正常工作。我想在某个地方托管一个 google play 服务的 APK,如果他们的 google play 服务版本过时,请推荐用户下载它。我想知道是否有任何通用版本的 google play 服务兼容所有安卓设备?

0 投票
0 回答
423 浏览

google-maps - 有没有办法使用 React Native Maps 实现类似于 Google Maps Distance Matrix API 的东西?

有没有办法使用React Native Maps实现类似于Google Maps Distance Matrix API的东西?

我需要计算 2 个标记(或链 3+ 个不同标记)之间的距离。Google Maps Distance Matrix API 能够计算道路路径内的距离。所以它比两个标记之间的直线更准确。

有没有办法使用 React Native Maps 来实现这一点?如果单独使用 React Native 并使用 Google Maps API 或任何其他 API 可以做到这一点,那也很棒。

0 投票
1 回答
443 浏览

react-native - Tab 内的 react-native-maps 不起作用

我无法<MapView />在选项卡内显示我的内容。我正在使用react-native-scrollable-tab-view

<MapView />即使使用 : 也不会显示在地图中...StyleSheet.absoluteFillObject。只有设置固定高度才能显示地图。例如:height: 500

这是我的示例选项卡屏幕的样子。

见图片