FullScreen Plugneplen 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'
}
} ) ) ;
Listlet.fullScreen доступен через плагин Mapbox 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 ' />
npm install && make
Protip Вы можете установить watch
, чтобы вы могли запустить watch make
не нуждаясь в выполнении приготовления при каждом изменении.
Листовка 1.0, а затем поддерживается. Более ранние версии могут работать, но не тестируются.