A fullscreen control for Leaflet
npm install leaflet-fullscreen`` js`
var map = new L.Map('map', {
fullscreenControl: true,
// OR
fullscreenControl: {
pseudoFullscreen: false // if true, fullscreen to page width and height
}
});
` js
map.isFullscreen() // Is the map fullscreen?
map.toggleFullscreen() // Either go fullscreen, or cancel the existing fullscreen.
// fullscreenchange Event that's fired when entering or exiting fullscreen.
map.on('fullscreenchange', function () {
if (map.isFullscreen()) {
console.log('entered fullscreen');
} else {
console.log('exited fullscreen');
}
});
L.Control.Fullscreen // A fullscreen button. Or use the {fullscreenControl: true} option when creating L.Map.`
Leaflet.fullscreen is available through the Mapbox Plugin CDN - just copy this include:
`html`
npm install && make
__ProTip__ You may want to install watch so you can run watch make`
without needing to execute make on every change.