Leaflet JS polygon on a same map

Question

I use Leaflet JS, and I need same polygon on a one map

Now:

I need:

Thank's for your help!

If I set the noWrap:true on the tileLayer or the worldCopyJump:true I get:

 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       
          }
        );

What happens if you set the noWrap option on the tileLayer? — CG_FD
– CG_FD, Commented Apr 15, 2016 at 12:12
What about worldCopyJump on the map? A jsfiddle would be great too — BDD
– BDD, Commented Apr 15, 2016 at 12:21

ghybs · Accepted Answer · 2016-04-15 17:08:53Z

1

Your 2 polygons are actually part of a multipolygon, forming a single feature.

You could use Turf.js for example, in order to 1) translate one of the part by 360 degrees, and 2) merge those 2 parts. Then record the new feature geometry to replace your current GeoJSON data.

For step 1), you should also be able to use directly Leaflet with latLng.wrap() method.

edited Apr 15, 2016 at 17:08

answered Apr 15, 2016 at 16:55

ghybs

54.1k6 gold badges90 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Oleg Rogov Over a year ago

Thank's a lot dude for your help!

Collectives™ on Stack Overflow

Leaflet JS polygon on a same map

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related