How to call Leaflet FullScreen plug-in from code

Question

I'm currently using Leaflet along with leaflet.fullscreen to provide a full screen map.

I've got it working nicely with the button but I can't work out how to "call" the function manually from my JavaScript code.

I've tried: map.fullscreenControl.toogleFullScreen(); but get the following error and a "broken" fullscreen:

TypeError: this.invalidateSize is not a function
this.invalidateSize();

Typo?? map.fullscreenControl.**toggleFullScreen**(); – Vic Mar 25 '19 at 11:33 — Vic, Mar 25 '19 at 11:33

PolyGeo · Accepted Answer · 2017-05-26 21:57:33Z

1

You could trigger a click on its fullscreen button. For example with jQuery:

$(".leaflet-control-zoom-fullscreen")[0].click();

PolyGeo♦

61.2k18 gold badges94 silver badges288 bronze badges

answered May 26 '17 at 21:29

haigou

112 bronze badges

Recent Browsers won't let you do that. IE: Chrome would say: "Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture." – augusto Mar 20 '20 at 20:42

add a comment |

Rob · Accepted Answer · 2014-01-08 09:58:28Z

0

With no answers and still struggling I switched to a different plugin Leaflet.fullscreen .

It seems a lot more straightforward, however I did need to tweek the CSS for < IE9.

answered Jan 8 '14 at 9:58

Rob

1782 silver badges13 bronze badges

add a comment |

2 Answers 2