在 Leaflet.js 地图周围包裹 GeoJSON 对象

Question

我有一个由 Marker 和 GeoJSON 对象组成的 Leaflet.js 映射。有没有一种简单的方法来包装这些，以便它们每隔 360 度周期性地出现？基本上，我希望整个地图成为周期性的。

这是我拥有的对象类型的插图（不包括背景TileLayer，我没有）：

我怎样才能定期重复这些数据，这样大圆圈就不会被破坏，而是在地图向左或向右滚动时每 360 度都完好无损？

Answer 1

一种方法是利用Leaflet.VectorGrid。正如您在Leaflet.VectorGrid GeoJSON example 中看到的，数据将换行。 （在架构上，这是因为 VectorGrid 在环绕时加载了具有相同坐标的矢量图块）。请注意，可能会出现一些伪影。

另一种方法是简单地复制您的数据（将 360 添加到每个经度）。每侧执行几次，并使用WorldCopyJump 选项来防止用户滚动太远。