问题标签 [react-map-gl]

我目前正在玩deck.gl。

以英国事故为例（3d-heatmap）。如何更改用于在 mapboxGL 中显示 POI 的语言？

我应该把mapboxGL等价物放在哪里：

在我滚动或拖动地图之前，此标记不会加载。即使刷新后，标记也不显示。我已经硬编码了这个值。我只是在寻找要显示的标记，而无需拖动或单击。

我在右侧有一个街景容器，在左侧有地图上的街景标记，标​​记是地图内的标记组件，并使用街景的当前位置。当您在街景中移动时，它会移动。我唯一的问题是整个地图令人耳目一新，如何让街景标记在您穿过街景时平滑移动，而无需重新加载整个地图？

我在找什么？该方法？

如何使用 react-map-gl 将连接线添加到地图标记？

例如：我有 3 个标记（mark1、mark2、mark3）

mark1 应该连接到 mark2 & mark3 。mark2 应该连接到 mark1 &mark 3 .... 谁能帮帮我...

我正在尝试添加一条 GeoJSON 线来显示 A 点和 B 点之间的汽车方向（就像他们在 mapbox-gl-js 的官方文档中一样（https://www.mapbox.com/mapbox-gl- js/example/geojson-line/ )

但是 react-map-gl 的文档根本没有谈到这一点。

如何使用 https://uber.github.io/react-map-gl/#/Documentation/introduction/introduction实现类似的功能：

到目前为止，这是我的代码：

我正在尝试绘制从中国到美国的弧线，但这些弧线不会跨越太平洋。他们飞越大西洋和欧洲。

有没有办法让弧线在太平洋上空绘制？

据我了解deck.gl 文档deck.gl 层的数据必须包括：

数组或可迭代，可选默认值：[]

https://uber.github.io/deck.gl/#/documentation/layer-catalog/layer?section=static-members

但我想从矢量源（如 mbtiles 地理服务器）获取数据并将其传递给甲板 gl 数据。我找不到任何解决此问题的方法。有任何想法吗？

到目前为止我所做的是：成功托管 mbtile 地理服务器并渲染到 react-map-gl。但是我无法将那个mbtile数据连接到deck gl数据中。

我有一个想法，但似乎应该已经完成​​类似的事情。只需使用当前视口查询地理服务器，并以简单的 json 格式而不是 mbtile 方式请求可迭代数据。通过这种方式，我可以更新甲板 gl 覆盖数据状态，这将更新图层。

我正在使用 React-MAP-GL，并且在尝试更新对象时出现问题Style is not done loading 。mapStyle

我正在使用 mapbox 构建一个网站来呈现大约 24mb 的 geojson 数据。我将这些数据存储在后端服务器中，API 请求大约需要 2300 毫秒，而前端地图显示这些数据需要 10 多秒。

GeoJson 是包含许多MultiLineString. 数据被清理。

以下是步骤：

1. 用户打开网站
2. 站点在服务器端点获取数据
3. 站点接收获取的数据（geojson - 其中 9 个）
4. React 为每个 geojson 集创建一个层，并将这些信息作为状态传递给 Mapbox 组件
5. Mapbox 获取这些数据并进行渲染，我相信这是花费最多时间的地方。

这是数据格式： https ://eflow.nyc3.digitaloceanspaces.com/class_geo_data/classGeo.json

我的问题：

1. 渲染数据需要这么长时间的原因是什么？是不是因为线段太多了？我已经看到在更短的时间内呈现超过 100mb 的数据。
2. 在 Mapbox 中渲染此数据集的最佳实践是什么？

我正在使用react-map-gl，不确定实际使用的是哪个版本的 mapbox gl。

谢谢狮子座

依赖项：

“babel-plugin-transform-decorators-legacy”：“^1.3.4”，“babel-plugin-transform-runtime”：“^6.23.0”，“babel-preset-es2015”：“^6.24.1” ，“babel-preset-stage-0”：“^6.24.1”，“copy-webpack-plugin”：“4.3.1”，“webpack-dotenv-plugin”：“^2.0.2”，“动画。 css”：“3.6.1”，“axios”：“0.18.0”，“d3”：“4.13.0”，“flexboxgrid”：“6.3.1”，“get-json”：“1.0.0” ，“不可变”：“3.8.2”，“material-ui”：“0.19.4”，“object-assign”：“4.1.0”，“react”：“16.2.0”，“react-dom” ：“16.2.0”，“react-map-gl”：“3.2.0”，“react-redux”：“5.0.5”，“react-router-dom”：“4.2.2”，“react-router-redux”：“5.0. 0-alpha.6”、“redux”：“3.6.0”、“redux-thunk”：“2.1.0”、“superagent”：“3.8.1”、“topojson”：“3.0.2”

我正在尝试为包含 ReactMapGL 组件的 React 组件创建一个简单的“不崩溃渲染”测试，该组件本身包含一个 DeckGL 组件。

这是我写的测试：

我也试过这个：

这两个测试都会导致以下错误：

● MapGL 测试 › 渲染不崩溃

对此问题的任何帮助将不胜感激