The mini map shows the wrong area after fullscreen

[ringoswy]

I use http://brunob.github.com/leaflet.fullscreen/ to add the fullscreen feature on my map.

When minimize the mini map, and set the page to full screen, the mini map shows the wrong area after restore the mini map again.

[tcoupin]

Same issue today.

[robpvn]

Well, this sounds like some sort of bug in the interaction between the two plugins, probably that the fullscreen plugin doesn't fire some event that the minimap is waiting for to reorient itself. I assume it fixes itself if you move the main map around in fullscreen?

[tcoupin]

No :(

[robpvn]

That sounds more difficult to fix; without having looked at the code for the other plugin I'm guessing that it somehow swaps out the map object the the minimap is listening to for changes. Any chance you could make a quick JSFiddle or similar that reproduces the problem?

[ringoswy]

Hi robpvn,

Here is the JSFiddle https://jsfiddle.net/ringoswy/tLd1vqnc/

Thanks a lot~

[robpvn]

Wow, that's some interesting breakage - the minimap still tracks the main map, just offset with whatever distance there is between what it was looking at before being minmised.

[ReneHRich]

If anyone is still struggling with this issue in 2022, this will reset the minimap after restoring the minimap from the minimized state.

mainMap is your main map
miniMap is the minimap control

        mainMap.on('resize', function(e) {
            miniMap.once('restore', function () {
                miniMap._miniMap.invalidateSize();
            })
        });