同一张地图上的 Leaflet JS 多边形

Leaflet JS polygon on a same map

我使用 Leaflet JS,我需要在一张地图上使用相同的多边形

现在:

我需要:

感谢您的帮助!

如果我在 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       
          }
        );

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

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

对于步骤 1),您应该也可以直接使用带有 latLng.wrap() 方法的 Leaflet。