Javascript 我怎样才能画出一条穿过；“边缘”；一张单张地图？

在低缩放级别，传单“包裹”基础平铺层的多个副本，但不包裹我在其上绘制的多段线（在窗格中）。这使得第180子午线附近的绘制路径在整个地图上跳跃：

（从默认“复制”的任意边缘开始的屏幕封口，红线为~180子午线）

我想要得到的是：

显示问题以及必需的源代码：

const MyMap = ({lines}) => (
  <LeafletMap center={[0, 0]} zoom={1}>
    <TileLayer
      attribution="&copy; <a href=&quot;http://osm.org/copyright&quot;>OpenStreetMap</a> contributors"
      url="https://{s}.tile.osm.org/{z}/{x}/{y}.png"
      />
    <Pane>
      {lines.map((points, i) => (
        <Polyline key={i} positions={points} color="blue" weight={4} lineCap="square" />
      ))}
    </Pane>
  </LeafletMap>
);

constmymap=（{lines}）=>(
{lines.map（（点，i）=>(
))}
);

传单似乎选择了一个基础瓷砖的“副本”作为默认值，绑定到-180、180经度，并且仅在该基础瓷砖的顶部绘制线条/标记等

如何在180度子午线一侧的点与180度子午线另一侧的点之间绘制多段线，而不使其在地图宽度上划线

编辑：

---

我可以跳过在两边的2个点之间绘制线（删除丑陋的水平线），但这仍然会在地图的另一端留下半条多段线。我需要将整个多段线放在一个位置。

不能在每一侧分别绘制两个多边形吗？绝对可以；但是，对于重复的地图背景，这并不能解决问题-只是删除了水平线。在地图的两边仍然有一半的路径。可能的副本不能在每一边分别做两个多边形？绝对是；但是，对于重复的地图背景，这并不能解决问题-只是删除了水平线。在地图的两边仍然有一半的路径。可能存在重复的路径