Mapbox呈现大数据集

Question

我正在建设一个网站使用mapbox渲染大约24兆b的geojson数据。我将这些数据存储在后端服务器中，API请求大约需要2300 10，显示这些数据的前端地图需要超过10秒。

GeoJson是包含许多MultiLineString的河流流数据。数据被清理了。

以下是几个步骤：

1. 用户打开网站
2. 站点在服务器端获取数据。
3. 站点接收获取的数据(geojson-9)
4. React为每个geojson集创建一个层，并将这些信息作为状态传递给Mapbox组件。
5. Mapbox获取这些数据并呈现出来，我相信这是占用大部分时间的地方。

以下是数据格式：data/classGeo.json

我的问题：

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

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

谢谢利奥

依赖关系：

“巴比伦-插件-转换-装饰-遗留”："^1.3.4"，“babel-插件-转换-运行时”："^6.23.0"，“babel-预设-es2015”："^6.24.1"，“babel-预设-阶段-0”："^6.24.1"，“复制-webpack-插件”："4.3.1"，“webpack-dotenv-插件”："^2.0.2"，"animate.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"，“对象-分配”："4.1.0“、”反应“："16.2.0”、“反应-多姆”："16.2.0“、”反应-映射-gl“："3.2.0”、“反应-还原”："5.0.5“、”反应-路由器-多姆“："4.2.2"，“react路由器-redux”：“5.0.0-字母6”、"redux"："3.6.0“、"redux-thunk"："2.1.0”、“超级代理”："3.8.1“、"topojson"："3.0.2”

Answer 1

我不知道为什么这么快，但正确的方法是：

1. 将我的数据集分割成更小的块
2. 将每个图层作为一个层加载到mapbox studio中，并加载到您创建的地图样式中。
3. 下载这个完整的json文件
4. 使用Mapbox渲染地图

这是一个完全不同的方法，我最初的方法是从我自己的API中获取数据，然后让Mapbox呈现它。但是它将负载速度从10+秒降低到1-2秒。