问题标签 [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.
react-native - MapboxGL React Native UserLocation Indicator 不显示在地图上
<MapboxGL.UserLocation> 中的 UserIndicator,在 IOS 上可以正常工作和显示,但对于 android,它取决于,它有时工作,有时不工作,而且我也意识到,当 UserIndicator 没有时,我的 CameraRef.current.setCamera() 未定义不显示。
我尝试尽我所能请求位置权限,如下所示:
反应原生:
MapboxGL:
世博会:
所有这些请求权限都可以正常工作,并且输出“已授予”或已授予:true
这是我的地图组件:
我的条件 location && location.city != null 工作正常,我试过没有它,但问题还是一样
我的位置上下文:
我的 GetLocation 承诺
react-native - 如何使用 react-native-mapbox-gl 在 react-native 中查找具有格式化地址的最近地点
我只想在带有格式化地址的列表中显示我最近的地方我如何在 react-native 中使用 Map-box 来做到这一点
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 中使用地图真的很难吗?
提前致谢。
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
但它并没有给我我想要的确切格式。
ios - 如何在反应原生 mapboxgl pointAnnotation 中增加默认标记大小
我使用react-native-mapboxgl在我的地图上使用PointAnnotation显示一些点。在 android 上一切正常,但在 iOS 上,当我使用文本或图标或任何东西来显示点时,onSelected方法不再起作用。所以我被迫使用默认标记。
这是带有自定义标记的代码:
对于默认标记:
但现在的问题是我无法增加 iOS 中默认标记的大小。有人可以拯救我的生命并帮助我做到这一点吗?
react-native - pointannotation 在android中不起作用
我正在使用 react-native-mapbox-gl 库进行地图并尝试渲染可拖动标记。
以下用于渲染点注释的代码:
它在 ios 中运行良好,在 android 中它没有在地图后面渲染。我可以在加载地图时看到。加载地图后,我只能在 android 中看到。
react-native - 如何防止注释点的样式出现丢失,完全变黑?
我正在使用 react-native-mapbox-gl 库,并且在地图上显示了一些点。每个都有自己的标注,以在按下相应的点时显示附加信息。
我在 example/src/examples/ShowPointAnnotation.js 中找到了 docs/Callout.md 和 Callout.js 源和使用它的示例。这是一个很大的帮助,非常感谢你的例子......我可能会做一些非常错误的事情,我已经花了几天时间......
我的问题是,当我按下一个注释时,注释的样式似乎丢失了(它们全黑)。相似的是,标注的样式似乎没有被应用。他们也都是黑色的。我在下面分享了代码和屏幕截图。
和款式
我也担心我不应该使用 PointAnnotation,因为它被标记为已弃用。有没有其他方法可以达到同样的效果?有人能指出我正确的方向吗?如果需要,我也很乐意做出贡献。
react-native - 本机级别的拦截器在本机反应中
我正在使用 react-native-mapbox-gl 库。有时图层无法加载或无法正常工作。
我想检查哪一层服务不工作。我尝试使用 axios 或 fetch 拦截器,但它没有从 react-native-mapbox-gl 库的请求中识别,因为它使用的是本机网络库。
有没有办法检查本机拦截器?
react-native - MapboxGL.PointAnnotation 在 MapboxGL.ImageSource 上不可见
我在地图上渲染了 NDVI 图像。同时,我想在地图上显示标记。这两件事都在单独工作,当 NDVI 图像数据加载并在地图上可见时,标记会隐藏起来。
renderMarkersAnnotations 在哪里 -
Imagemarker也是 -
如果我删除 NDVI 数据图像图块,则图钉/标记可见,但一旦卫星/NDVI 数据在地图上可用,图钉/标记就会隐藏
android - React-Native 中的 MapBox-GL 有时无法使用自定义图标标记
我正在尝试将地图标记编辑为如下图所示:
这是我创建标记的代码:
MapBox 自定义样式:
所以我遇到了同样的问题,在我在 android 上运行后,我的标记没有显示在地图上,但是当我在前面的代码中删除这个代码时,标记又显示出来了。
所以这里的任何人都可以帮我解释和解决这个问题,谢谢
我上面使用的库是从这里学习的: https ://github.com/react-native-mapbox-gl/maps