FullscreenControl class의 생성자입니다.
Optional options: { 전체화면으로 전환할 container HTMLElement 입니다. 생락하면 지도 container를 전체화면으로 전환합니다.
Optional container?: HTMLElementFullscreenControl의 이벤트가 발생할 때 콜백 리스너를 추가합니다.
수신할 이벤트 유형입니다.
fullscreenstart : 전체화면 모드가 시작할 때fullscreenend : 전체화면 모드가 끝날 때이벤트가 발생했을 때 호출되는 콜백함수입니다.
this
//FullscreenContol 생성
let fullscreen:ktGms.control.FullscreenControl
= new ktGms.control.FullscreenControl({container: document.querySelector('body') as HTMLElement});
//map에 컨트롤 추가
map.addControl(fullscreen, 'top-left');
//전체화면 모드 시작 이벤트가 발생할 때, `click`을 콘솔에 출력하는 콜백 리스너가 호출됩니다.
let consoleFunc = function(){ console.log('click'); }
fullscreen.on('fullscreenstart', consoleFunc);
on에서 추가했던 이벤트에 대한 콜백 리스너를 제거합니다.
제거할 리스너를 추가했던 이벤트 유형입니다.
제거할 이벤트 리스너(콜백함수)입니다.
this
//전체화면 모드 시작 이벤트가 발생될 때 호출되었던 consoleFunc 함수를 제거합니다.
let consoleFunc = function(){ console.log('click'); }
fullscreen.off('fullscreenstart', consoleFunc);
FullscreenControl의 이벤트가 발생할 때 한 번만 호출되는 콜백 리스너를 추가합니다. 이벤트가 처음 발생했을 때에만 콜백 리스너가 호출됩니다.
수신할 이벤트 유형입니다.
fullscreenstart : 전체화면 모드가 시작할 때fullscreenend : 전체화면 모드가 끝날 때Optional listener: Listener이벤트가 발생했을 때 한 번만 호출되는 콜백함수입니다.
this
Generated using TypeDoc
FullscreenControl : 전체화면 컨트롤
지도를 전체화면으로 전환하는 버튼의 컨트롤입니다. 생성되는 기본 위치는
top-right입니다.requestFullscreen이 지원되지 않는 경우, 전체화면은 css 속성을 통해 처리해야 합니다.
지도가 전체화면 모드일 때는 지도의 cooperativeGestures 옵션이 일시적으로 비활성화됩니다.
FullscreenControl로 사용할 수 있는 기본 옵션은
{container?:HTMLElement}입니다.Param
container:HTMLElement(optional) - 전체화면으로 전환할 container HTMLElement 입니다.[FullscreenControl 생성 방법]
FullscreenControl은 Map 생성 후 addControl로 생성할 수 있습니다.
Example
See
FullscreenControl 전체화면 컨트롤 생성 예제