ดาวน์โหลด Leaflet.fullscreen - Leaflet.fullscreen ซอร์สโค้ดดาวน์โหลดดาวน์โหลด

Leaflet.fullscreen

ซอร์สโค้ดอื่น ๆ

ดาวน์โหลด

ใบปลิว

ปลั๊กอิน Fullscreen HTML5 สำหรับใบปลิว

การใช้งาน

เพื่อให้ปุ่มสำหรับการสลับและปิดหน้าจอเต็มหน้าจอ:

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

ปลั๊กอินยังเพิ่มวิธีการหลายวิธีใน L.Map ซึ่งมีอยู่เสมอแม้ว่าคุณจะเลือกที่จะไม่ใช้ปุ่มเต็มหน้าจอ:

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

การแปลเป็นภาษาท้องถิ่น

เพื่อเปลี่ยนข้อความควบคุมแบบเต็มหน้าจอ:

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

รวมถึงผ่าน CDN

leaflet.fullscreen มีให้บริการผ่าน Mapbox Plugin CDN - เพียงคัดลอกสิ่งนี้รวมถึง:

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