在 leaflet 或谷歌地图（React）上加载数千个多边形的最佳方法是什么

Question

我们有一个基本的 Nextjs/React 应用程序和一个大约 200MM 的 GeoJSON 文件，由 1000 个多边形组成，我想在 map 上显示它们。 加载 GeoJSON 文件客户端显然是不可行的，因为它太大并导致崩溃。 然而，即使在将文件缩减并将坐标精度降低到小数点后 6 位后，该文件仍为 57MB。

我已经阅读了 2x 选项我可以实现来解决这个问题：

• map 数据的服务器端处理
• geojson-vt package。

老实说，我不知道从哪里开始使用这些 2x 实现中的任何一个，只想检查是否有人可以分享一些指南、代码示例或案例研究，这些指南、代码示例或案例研究可以为我指明正确的方向。

提前谢谢了。

基本示例： Codesandbox