【问题标题】:Handling huge GeoJSON data处理海量 GeoJSON 数据
【发布时间】:2020-06-12 14:04:43
【问题描述】:

我有一个使用大约 6 个 geoJSON 文件的地图应用程序。这些文件在 gzip 压缩时大约为 60mb 静态和 18mb。到目前为止,这些都放在 src 中,这会将包大小增加到 18.4mb(其中 18mb 是 geoJSON 数据)。

将这些文件传输到客户端的最佳方式是什么?我可以使用本地存储,但它有空间限制。

我可以使用后端服务向我提供这些数据,但传输大量数据可能会导致应用速度变慢。

请提出建议。

【问题讨论】:

  • 您是否一次需要这些数据?我怀疑您是否可以动态读取此数据。看这里dynamiccustom-data-loading你也可以用Leaflet.markercluster
  • 所有文件都不需要一个。根据用户交互和缩放级别,我在 geoJSON 之间切换。我不确定上述哪些插件有效,但谢谢,你给了一些方向。

标签: reactjs performance leaflet geojson react-leaflet


【解决方案1】:

根据您显示的点,您可能只需要一些坐标。

例如,如果您看到 Google 地图,他们会在您每次在输入中输入字母时向后端服务发出请求。一切都取决于您展示的内容。另外,我不认为任何浏览器都可以一次处理 60mb 的 json 数据加载并在视图中表示而不会崩溃。

如果所需的最低点数仍然很大,我会尝试与服务人员一起提供某种离线体验。第一次你会有很长的加载时间,但仅此而已。之后您可以远程更新客户端。

要在后端管理大量数据,您可以使用 bigQuery 或 elasticsearch。

【讨论】:

  • 它是地图上大约 200 个区域的多边形的 geoJSON。它们中的每一个都定义明确的边界,这使得这些文件很大。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-11-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-13
  • 1970-01-01
相关资源
最近更新 更多