javascript - 同一张 map 上的Leaflet JS多边形

Question

我使用Leaflet JS，并且我需要在一张 map 上使用相同的多边形

现在:

我需要:

感谢您的帮助!

如果我在tileLayer或worldCopyJump:true上设置noWrap:true我得到:

fiddle – jsfiddle.net/paRxe/5

 var map = L.map('mapId',{
            center: [35.67989, 139.76463],
            zoom: 2,
            // worldCopyJump: true,
            maxZoom: 18,
            minZoom: 1,
            // reuseTiles: true,
            // continuousWorld: trie
            // reuseTiles: true,
            // continuousWorld: true  
            worldCopyJump: true       
          }
        );

Answer 1

您的 2 个多边形实际上是多边形的一部分，形成一个要素。

例如，您可以使用 Turf.js，以便 1) 将其中一个部分平移 360 度，以及 2) 合并这 2 个部分。然后记录新的要素几何图形以替换当前的 GeoJSON 数据。

对于步骤 1)，您还应该能够通过 latLng.wrap() 方法直接使用 Leaflet。