问题标签 [react-map-gl]

我在 mapbox 上看到了一些动画线的例子，但我还没有找到任何在两点之间创建线性线的例子。我可以在地图上创建标记，也可以在这些标记之间画一条线。但是，我想慢慢地从起点（开始）到终点（终点）创建这条线。这是在两个坐标之间画线的代码。我只想让它慢慢地（动画地）然后重复那个动画。

我正在尝试让一个基本的 DeckGL 示例正常工作。

我应该怎么做才能看到如下图所示的控制按钮？只是花费了太多时间，所以决定询问 SO 社区。

希望能帮助发现问题的人，这是Deck 的 GH 问题的一张票。

我正在测试版本为“4.0.0-beta.3”（ https://github.com/uber/react-map-gl ）的库示例，但我对方法 onViewportChange 有此警告：

警告：在现有状态转换期间无法更新（例如在渲染中）。渲染方法应该是 props 和 state 的纯函数。

我正在尝试在地图上显示（车辆的）位置坐标，其中包含我每 3 秒获取的数据。每次我获取数据（具有“经度”和“纬度”属性的对象数组）时，状态都会更新，我想更新地图上的“标记”以反映车辆的最新位置。

我知道我正在获取数据，但标记没有出现。我循环的方式有问题吗？

我正在使用以下代码片段尝试使用 mapbox-gl v0.50.0 从 uber react-map-gl: 4.0.2 访问 MapBox API。

如果我尝试访问任何其他方法，例如 getStyle/getSource 和其他方法，则会引发错误“不是函数”和“无法读取未定义的属性'版本'”。我做错了什么还是不是所有的 MapBox Api 方法都不能通过 getMap() 方法使用？

谢谢

我遇到了旋转控制不适用于 react-map-gl 的问题。地图渲染没有问题，放大/缩小控件工作正常，但旋转控件没有做任何事情。我查看了文档，但我看不到问题。这是我的代码：

是否有提供给定样式的样式表 JSON 的 URL？所有 URL 都在 Mapbox 方案中：

但我想在加载时直接下载 JSON，以便在将 Javascript 对象传递到<ReactMapGL>.

可能吗？

这告诉我它是，但不知道它为什么定义和 API 密钥。

但我无法让它与react-map-glStaticMap 类一起使用。我可以从该类中看到的属性就是mapStyle采用标准 Mapbox 矢量切片路径/名称。它需要一个对象吗？我的代码没有给我错误或显示我请求的图块。

谢谢

编辑：从正确的答案中，为了保持 SO，这就是jsonS3 上的生活：

更新： Mapbox在 2.0 中更改了他们的许可证，因此接受的答案对于 < 2.0 的版本是正确的。如果没有提供 access_token，Mapbox > 2.0 会报错。

我正在尝试将来自后端的位置数据放入 react-map-gl 中，对此我有一个小障碍。

它的控制台日志屏幕 lon 和 lat 我想像这样放置整个坐标：{lon} {lat}

如果我只把特定的数字放在一起，它会起作用。

如何通过？

谢谢

我使用语义反应 ui 作为 ui 库和反应映射 gl 在我的反应应用程序中呈现地图。但是从 react-map-gl 渲染的地图并没有占据列的整个宽度。请在下面找到图片：

虚线表示列。地图仍有足够的宽度来拉伸。但根据文档，我们必须以像素为单位提供地图的宽度和高度。

容器代码如下：

而保存地图的组件如下所示：

地图的视口代码如下：

我们无法提供百分比宽度。我们如何让它看起来全宽？另外，如何在手机上自动调整地图大小？

谢谢