Leaflet.fullscreen

Selebaran.FullScreen

Plugin layar penuh HTML5 untuk selebaran.

Penggunaan

Untuk memberikan tombol untuk menghidupkan dan mematikan layar penuh:

 // 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 ( ) ) ;

Plugin ini juga menambahkan beberapa metode ke L.Map yang selalu tersedia, bahkan jika Anda memilih untuk tidak menggunakan tombol layar penuh:

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

Lokalisasi

Untuk mengubah teks kontrol layar penuh:

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

Termasuk melalui CDN

Leaflet.fullScreen tersedia melalui cdn plugin mapbox - cukup salin ini termasuk:

 < 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 ' />

Bangunan

 npm install && make

ProTip Anda mungkin ingin menginstal watch sehingga Anda dapat menjalankan watch make tanpa perlu mengeksekusi Make pada setiap perubahan.

Versi selebaran yang didukung

Leaflet 1.0 dan kemudian didukung. Versi sebelumnya mungkin berhasil, tetapi tidak diuji.