问题标签 [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 投票
3 回答
2257 浏览

ios - React Native Mapbox gl初始中心坐标

所以我试图为mapbox设置我的初始中心坐标,所以它们不是0,0。在 api 上它说 mapbox 需要一个道具

所以我在做

这在该行上给了我一个错误,说意外令牌,期待}。

每当我做类似的事情时

它仍然将我的初始位置设置为 0,0。有人有想法么?

编辑:链接到 git 中心页面 - https://github.com/mapbox/react-native-mapbox-gl

0 投票
0 回答
308 浏览

react-native - 如何使用 Mapbox gl 设置初始音高?

我正在使用https://github.com/mapbox/react-native-mapbox-gl/blob/master/API.md#custom-styles将 mapbox 集成到我的 react-native 应用程序中,但我无法更改“ pitch" 不是默认的 0。

这是我所拥有的:

0 投票
0 回答
2135 浏览

react-native - React Native Mapbox GL 中的离线地图

设备离线时如何正确管理渲染图?官方文档(https://github.com/mapbox/react-native-mapbox-gl/blob/master/API.md#offline)帮助保存包并能够删除它们,但尝试在没有网络的情况下加载组件连接给出空地图。Mapbox.initializeOfflinePacks()在根组件中调用,并且可以从应用程序的任何位置看到和删除离线包。

文档中建议的其他链接(https://www.mapbox.com/help/mobile-offline/)没有帮助。

版本:React Native 0.46.4,React Native Mapbox GL 5.2.0

编辑:这是我们应用程序中的一个错误。bounds传递给方法的参数内部的纬度和经度createPack被交换,因此包被正确下载,但包含的区域地图在高缩放级别时远远超出可见区域,并且由于其尺寸小,在宽缩放时不可见。

0 投票
3 回答
8001 浏览

react-native - 如何使用 mapbox 以编程方式添加标记/注释并做出原生反应

我是本机反应的新手,找不到任何有关如何使用 mapbox 以编程方式向地图添加标记/注释的文档。

我们正在使用 geofire 查询,当兴趣点在范围内时触发。

在触发器内我想插入标记。

我找到的关于它的所有文档都是这样的:https ://www.mapbox.com/help/first-steps-react-native-sdk/ 它在初始化和渲染期间添加了标记。

到目前为止,这是我的代码

我得到:错误:this.renderAnnotations 不是函数

我还尝试在 this.state.geoQuery 中复制整个函数,没有错误,但标记也没有显示。

谢谢

0 投票
4 回答
1790 浏览

android - 在 turf.js、MapBox、react-native-mapbox-gl(react-native 代码)中计算 bbox?

我正在尝试从 turf.js 计算 bbox,就像在下面的链接中给出的那样

http://turfjs.org/docs#bbox

这是我的代码以及我如何尝试从 turf.js 实现 bbox 但它导致错误。

这是我得到的(错误屏幕),可能是什么问题,我无法从中获取 bbox 功能'@turf/bbox'。我正在提供一定数量的坐标

并将其设置为 mapbox 中的 fitBounds。

0 投票
0 回答
1429 浏览

react-native - 带有自定义图标的 React-Native MapBox 聚类

如何使用自定义图标在 React Native Mapbox 中执行集群。

我已经检查了 mapbox react native 的 GitHub 页面上给出的地震聚类示例。但我需要一些不同的东西,比如我需要使用自定义图标进行聚类。我在地图上有两种类型的数据/点,一种是用户,另一种是事件,它们都有不同的图标,所以我需要在集群中呈现这些自定义图标。

同样点击该图标,我需要在该图标后面显示一个脉冲动画。有什么可能的方法吗?

这是我实现 mapbox 的代码:-

这是json数据:-

使用 pointAnnotations 我可以在地图上显示点,但这种方式不会在 mapbox 上执行聚类。如果我尝试使用 shapesource 图层和 json 数据通过聚类在地图上制作点,那么我不知道如何使用我的自定义图标。我还需要在点击该自定义引脚时触发一个点击事件,并在该点后面显示脉冲加载动画。

请看一下屏幕截图,我还需要对集群做些什么。屏幕截图仅显示未发生聚类的点注释。

没有聚类的mapbox点注释

0 投票
1 回答
822 浏览

react-native - 如何在本机反应中使用 mapbox 标记集群?

我正在使用 react-native-mapbox-gl。我有一组位置,我正在循环遍历以在地图上绘制标记。但是有些位置彼此非常接近,几乎看不到。我想对彼此靠近的所有位置进行聚类,这样当我单击它时,它会展开并向我显示该聚类中的所有位置。

mapbox 中有<MapboxGL.ShapeSource />可用的,但它要求从其中加载 lat long 的 url。但我有一个数组,每个位置都有 lat long。有没有其他方法可以在 mapbox 中创建一组位置。

渲染位置函数循环遍历位置数组并在地图上显示标记

0 投票
1 回答
1520 浏览

react-native - 如何在反应原生 mapbox GL 中放置一个浮动按钮

我正在使用 React native 并使用 Mapbox GL 库来显示地图。现在我想在 Mapbox GL 视图的中心添加一个按钮。下面是我得到的。 截屏

这是代码。

我该如何解决这个问题?

0 投票
3 回答
1736 浏览

react-native - 如何在运行时在 react-native-mapbox-gl 中显示/隐藏栅格图层(可见性属性可见/无)

我在地图初始化中设置了自定义样式 url。喜欢 :

在 mystyle.json 我有两个底图如下:

卫星默认可见。

如何在运行时将卫星属性的可见性设置为无,将卫星 2 的可见性设置为可见?

地图框 gl :

反应原生:

0 投票
1 回答
911 浏览

javascript - 反应原生 mapbox getCenter 不工作

我有这个库的问题。我正在尝试通过(onPress)从地图中获取当前中心坐标,但没有显示,

地图代码。

我正在像这样使用 onPress:

有什么帮助吗?