Double size of outer bounds

[ximex]

is it right that the outer bounds of the (multi)polygon is the bbox of the current view?
if you zoom out you could see this bounds for short time. maybe double the size of this bound that you didn't see it if you only zoom out one zoom level.

[ebrelsford]

Nope, the outer bounds for either is the whole world. You can see this if you zoom out to zoom level 1 or 2.

I suspect what you're seeing is the transition between zoom levels, where Leaflet takes a moment to fill in the area that was not already filled (previous bbox to new bbox). Not sure there's much we can do about that!

[nrenner]

The outer bounds with unfilled areas outside, observed while panning and zooming out, are those of the vector renderer. The renderer bounds are limited to the map view plus some buffer, that can be adjusted with the padding option.

With a padding of 1 (size of map view in each direction; default 0.1), the undesired effect is mostly gone:

L.geoJson(data, {
    invert: true,
    renderer: L.svg({ padding: 1 })
}).addTo(map);

By assigning a new renderer instance (since Leaflet 1.0), this doesn't affect other vector layers, see also second SVG Usage example.

[ebrelsford]

@nrenner This is a great tip, thank you for it!