问题标签 [react-native-mapbox-gl]

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 回答
498 浏览

react-native - MapboxGL React Native UserLocation Indicator 不显示在地图上

<MapboxGL.UserLocation> 中的 UserIndicator,在 IOS 上可以正常工作和显示,但对于 android,它取决于,它有时工作,有时不工作,而且我也意识到,当 UserIndicator 没有时,我的 CameraRef.current.setCamera() 未定义不显示。

我尝试尽我所能请求位置权限,如下所示:

反应原生:

MapboxGL:

世博会:

所有这些请求权限都可以正常工作,并且输出“已授予”或已授予:true

这是我的地图组件:

我的条件 location && location.city != null 工作正常,我试过没有它,但问题还是一样

我的位置上下文:

我的 GetLocation 承诺

0 投票
0 回答
33 浏览

react-native - 如何使用 react-native-mapbox-gl 在 react-native 中查找具有格式化地址的最近地点

我只想在带有格式化地址的列表中显示我最近的地方我如何在 react-native 中使用 Map-box 来做到这一点

0 投票
1 回答
162 浏览

react-native - react-native-maps 标注的问题

我是 React Native 的新手,我在两个平台上都遇到了 react-native-maps 标注的问题。我在 iOS 上使用 Apple 地图,在 Android 上使用 Google 地图。标注显示标题和图像。

在 iOS 上,当我在地图中有多个标记,其中一些彼此非常接近时,单击标记时,标注会显示一秒钟,但随后它会隐藏并显示最近标记的那个。我已经搜索了一个解决方案,发现人们使用一些解决方法,比如设置 pointerEvents="auto" 但对我没有任何帮助。

在 Android 上,单击标记时标注正确显示,但未显示图像。我还搜索并找到了一种解决方法,包括 a 中的图像,但这对我来说根本不起作用,它效果更好,因为图像在大多数情况下都会显示,但并非总是如此。所以现在我只在 Android 上显示标题。

我尝试使用最新的 react-native-maps 版本 0.28.0 和相同的行为。我还没有在 iOS 上尝试过谷歌地图,如果我找不到解决方案,我认为这将是下一步。

我还尝试了 react-native-mapbox-gl 并且在 iOS 上工作正常,标注正确显示标题和图像,但在 Android 上我安装了应用程序,它打开了一秒钟然后关闭抛出 MainActivity not found 错误。如果我在没有 react-native-mapbox-gl 的情况下返回上一个提交,那么它会正确安装并打开。我还考虑过在 iOS 上使用 react-native-mapbox-gl,在 Android 上使用 react-native-maps。但是,在 React Native 中使用地图真的很难吗?

提前致谢。

0 投票
0 回答
78 浏览

react-native - Mapbox React Native - 使用表达式格式化 textField 样式属性

我正在尝试在地图上的集群中格式化文本。

这是集群的组件和其中的文本。

和...这是layerStyles.clusterCount对象

我想获取该point_count属性并使用此处记录的表达式对其进行格式化。 https://docs.mapbox.com/mapbox-gl-js/style-spec/expressions/

我已经尝试了此页面中的各种表达式,但在使用它们时我无法让应用程序运行。有谁知道我在哪里可以找到文档,告诉我可以为textField样式道具编写什么样的表达式。

具体来说,我想取超过 1000 的数字并像这样格式化它们,1K 1.3K, 1.45K. 我知道有一个point_count_abbreviated可以在 中使用的属性,textField但它并没有给我我想要的确切格式。

0 投票
0 回答
52 浏览

ios - 如何在反应原生 mapboxgl pointAnnotation 中增加默认标记大小

我使用react-native-mapboxgl在我的地图上使用PointAnnotation显示一些点。在 android 上一切正常,但在 iOS 上,当我使用文本或图标或任何东西来显示点时,onSelected方法不再起作用。所以我被迫使用默认标记。

这是带有自定义标记的代码:

对于默认标记

但现在的问题是我无法增加 iOS 中默认标记的大小。有人可以拯救我的生命并帮助我做到这一点吗?

0 投票
0 回答
211 浏览

react-native - pointannotation 在android中不起作用

我正在使用 react-native-mapbox-gl 库进行地图并尝试渲染可拖动标记。

以下用于渲染点注释的代码:

它在 ios 中运行良好,在 android 中它没有在地图后面渲染。我可以在加载地图时看到。加载地图后,我只能在 android 中看到。

0 投票
0 回答
92 浏览

react-native - 如何防止注释点的样式出现丢失,完全变黑?

我正在使用 react-native-mapbox-gl 库,并且在地图上显示了一些点。每个都有自己的标注,以在按下相应的点时显示附加信息。

我在 example/src/examples/ShowPointAnnotation.js 中找到了 docs/Callout.md 和 Callout.js 源和使用它的示例。这是一个很大的帮助,非常感谢你的例子......我可能会做一些非常错误的事情,我已经花了几天时间......

我的问题是,当我按下一个注释时,注释的样式似乎丢失了(它们全黑)。相似的是,标注的样式似乎没有被应用。他们也都是黑色的。我在下面分享了代码和屏幕截图。

和款式

我也担心我不应该使用 PointAnnotation,因为它被标记为已弃用。有没有其他方法可以达到同样的效果?有人能指出我正确的方向吗?如果需要,我也很乐意做出贡献。 在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
119 浏览

react-native - 本机级别的拦截器在本机反应中

我正在使用 react-native-mapbox-gl 库。有时图层无法加载或无法正常工作。

我想检查哪一层服务不工作。我尝试使用 axios 或 fetch 拦截器,但它没有从 react-native-mapbox-gl 库的请求中识别,因为它使用的是本机网络库。

有没有办法检查本机拦截器?

0 投票
0 回答
37 浏览

react-native - MapboxGL.PointAnnotation 在 MapboxGL.ImageSource 上不可见

我在地图上渲染了 NDVI 图像。同时,我想在地图上显示标记。这两件事都在单独工作,当 NDVI 图像数据加载并在地图上可见时,标记会隐藏起来。

renderMarkersAnnotations 在哪里 -

Imagemarker也是 -

如果我删除 NDVI 数据图像图块,则图钉/标记可见,但一旦卫星/NDVI 数据在地图上可用,图钉/标记就会隐藏

0 投票
0 回答
370 浏览

android - React-Native 中的 MapBox-GL 有时无法使用自定义图标标记

我正在尝试将地图标记编辑为如下图所示:

在此处输入图像描述

这是我创建标记的代码:

MapBox 自定义样式:

所以我遇到了同样的问题,在我在 android 上运行后,我的标记没有显示在地图上,但是当我在前面的代码中删除这个代码时,标记又显示出来了。

所以这里的任何人都可以帮我解释和解决这个问题,谢谢

我上面使用的库是从这里学习的: https ://github.com/react-native-mapbox-gl/maps

https://www.npmjs.com/package/@react-native-mapbox-gl/maps