Leaflet.fullscreen

Blättel. Fullscreen

Ein HTML5 -Vollbild -Plugin für die Flugblatt.

Verwendung

So stellen Sie eine Taste zum Ein- und Ausschalten des Vollbildmodus zur Verfügung:

 // Create a new map with a fullscreen button:
var map = new L . Map ( 'map' , {
    fullscreenControl : true ,
    // OR
    fullscreenControl : {
        pseudoFullscreen : false // if true, fullscreen to page width and height
    }
} ) ;

// or, add to an existing map:
map . addControl ( new L . Control . Fullscreen ( ) ) ;

Das Plugin fügt auch mehrere Methoden zu L.Map hinzu, die immer verfügbar sind, auch wenn Sie die Schaltfläche "Vollbild" nicht verwenden:

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

Lokalisierung

Um den Vollbild -Steuertext zu ändern:

 map . addControl ( new L . Control . Fullscreen ( {
    title : {
        'false' : 'View Fullscreen' ,
        'true' : 'Exit Fullscreen'
    }
} ) ) ;

Einschließlich via cdn

Blätterlinge.Fullscreen ist über das MapBox -Plugin CDN erhältlich - Kopieren Sie einfach dies beinhalten:

 < script src =' https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js ' > </ script >
< link href =' https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css ' rel =' stylesheet ' />

Gebäude

 npm install && make

Protip Sie möchten möglicherweise watch installieren, damit Sie watch make können, ohne bei jeder Änderung die Fertigstellung auszuführen.

Unterstützte Blättchenversionen

Broschüre 1.0 und später wird unterstützt. Frühere Versionen können funktionieren, werden aber nicht getestet.