单张JS多边形在同一个地图上

时间:2016-04-15 11:18:27

标签: javascript jquery maps leaflet

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

现在: enter image description here

我需要:

enter image description here

感谢您的帮助!

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

enter image description here

小提琴 - 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       
          }
        );

1 个答案:

答案 0 :(得分:1)

你的2个多边形实际上是多边形的一部分,形成一个单一的特征。

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

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