오류가 발생하면 시작됩니다. 이것은 GL JS의 기본 오류 보고 메커니즘입니다.
비동기 작업을 더 잘 수용하기 위해 throw 대신 이벤트를 사용합니다.error 이벤트에 바인딩된 리스너가 없으면 콘솔에 오류가 출력됩니다.
drag to pan 상호작용이 시작되면 시작됩니다. DragPanHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// `drag to pan`상호작용이 시작될 때 실행되는 이벤트 리스너를 설정합니다.
map.on("dragstart", function() {
console.log("A dragstart event occurred.");
});
drag to pan 상호작용 중에 반복적으로 실행됩니다. DragPanHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// `drag to pan` 상호 작용 중에 반복적으로 실행되는 이벤트 리스너를 설정합니다.
map.on("drag", function() {
console.log("A drag event occurred.");
});
drag to pan 상호작용이 종료되면 시작됩니다. DragPanHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
//`drag to pan` 상호작용이 종료될 때 실행되는 이벤트 리스너를 설정합니다.
map.on("dragend", function() {
console.log("A dragend event occurred.");
});
지도가 idle 상태가 되기 전에 렌더링된 마지막 프레임 후에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도가 "idle" 상태에 들어가기 직전에 실행되는 이벤트 리스너를 설정합니다.
map.on("idle", function() {
console.log("A idle event occurred.");
});
필요한 모든 리소스가 다운로드되고 처음으로 시각적으로 완성된 지도 렌더링이 발생한 직후에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도 로드가 완료되면 실행되는 이벤트 리스너를 설정합니다.
map.on("load", function() {
console.log("A load event occurred.");
});
사용자 상호작용 또는 Map.jumpTo 와 같은 메서드의 결과로 지도가 한 보기에서 다른 보기로 전환을 시작하기 직전에 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도가 한 보기에서 다른 보기로 전환을 시작하기 직전에 실행되는 이벤트 리스너를 설정합니다.
map.on("movestart", function() {
console.log("A movestart` event occurred.");
});
사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 한 보기에서 다른 보기로 애니메이션 전환하는 동안 반복적으로 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 애니메이션 전환 중에 반복적으로 실행되는 이벤트 리스너를 설정합니다.
map.on("move", function() {
console.log("A move event occurred.");
});
사용자 상호작용 또는 Map.jumpTo와 같은 메서드의 결과로 지도가 한 보기에서 다른 보기로 전환을 완료한 직후에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도가 전환을 완료한 직후에 실행되는 이벤트 리스너를 설정합니다.
map.on("moveend", function() {
console.log("A moveend event occurred.");
});
지도의 피치(기울기)가 사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 변경되기 시작할 때마다 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 피치(기울기) 전환이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
map.on("pitchstart", function() {
console.log("A pitchstart event occurred.");
});
사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 한 상태와 다른 상태 간에 지도의 피치(기울기) 애니메이션 중에 반복적으로 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 피치(기울기) 전환 중에 반복적으로 발생하는 이벤트 리스너를 설정합니다.
map.on("pitch", function() {
console.log("A pitch event occurred.");
});
사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 지도의 피치(기울기) 변경이 완료된 직후 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 피치(기울기) 전환이 끝난 직후에 실행되는 이벤트 리스너를 설정합니다.
map.on("pitchend", function() {
console.log("A pitchend event occurred.");
});
remove 로 지도가 삭제된 직후에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도가 제거된 직후에 실행되는 이벤트 리스너를 설정합니다.
map.on("remove", function() {
console.log("A remove event occurred.");
});
다음의 결과로 지도가 화면에 그려질 때마다 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도가 화면에 그려질 때마다 실행되는 이벤트 리스너를 설정합니다.
map.on("render", function() {
console.log("A render event occurred.");
});
지도 크기가 조정된 직후에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도 크기가 조정된 직후에 실행되는 이벤트 리스너를 설정합니다.
map.on("resize", function() {
console.log("A resize event occurred.");
});
drag to rotate 상호작용이 시작되면 시작됩니다. DragRotateHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// `drag to rotate` 상호 작용이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
map.on("rotatestart", function() {
console.log("A rotatestart event occurred.");
});
drag to rotate 상호작용 중에 반복적으로 실행됩니다. DragRotateHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 실행되는 이벤트 리스너 설정 `drag to rotate`상호 작용 중에 반복적으로.
map.on("rotate", function() {
console.log("A rotate event occurred.");
});
drag to rotate 상호작용이 종료되면 시작됩니다. DragRotateHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// drag to rotate 상호 작용이 종료된 직후에 실행되는 이벤트 리스너를 설정합니다.
map.on("rotateend", function() {
console.log("A rotateend event occurred.");
});
사용자 상호작용 또는 Map.flyTo와 같은 방법의 결과로, 지도가 한 확대/축소 수준에서 다른 확대/축소 수준으로 전환을 시작하기 직전에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 확대/축소 전환이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
map.on("zoomstart", function() {
console.log("A zoomstart event occurred.");
});
사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 한 확대/축소 수준에서 다른 확대/축소 수준으로 애니메이션 전환하는 동안 반복적으로 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 확대/축소 전환 중에 반복적으로. 실행되는 이벤트 리스너 설정
map.on("zoom", function() {
console.log("A zoom event occurred.");
});
사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 지도가 한 확대/축소 수준에서 다른 확대/축소 수준으로 전환을 완료한 직후에 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 실행되는 이벤트 리스너 설정 확대/축소 전환이 완료된 직후.
map.on("zoomend", function() {
console.log("A zoomend event occurred.");
});
box zoom상호작용이 시작되면 시작됩니다. BoxZoomHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// `box zoom` 상호 작용이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
map.on("boxzoomstart", function() {
console.log("A boxzoomstart event occurred.");
});
box zoom 상호작용이 종료되면 시작됩니다. BoxZoomHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// `box zoom` 상호 작용이 끝난 직후에 실행되는 이벤트 리스너를 설정합니다.
map.on("boxzoomend", function() {
console.log("A boxzoomend event occurred.");
});
사용자가 box zoom상호작용을 취소하거나 경계 상자가 최소 크기 임계값을 충족하지 않을 때 시작됩니다. BoxZoomHandler를 참조하세요.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 사용자가 "상자 확대/축소" 상호 작용을 취소하는 이벤트 리스너를 설정합니다.
map.on("boxzoomcancel", function() {
console.log("A boxzoomcancel event occurred.");
});
WebGL 컨텍스트가 손실되면 시작됩니다.
WebGL 컨텍스트가 복원되면 시작됩니다.
소스에 속한 타일이 로드되거나 변경되는 경우를 포함하여 지도의 소스 중 하나가 로드되거나 변경될 때 실행됩니다.
지도의 소스 데이터 중 하나에 대한 요청이 중단되면 시작됩니다.
지도의 소스 중 하나가 비동기식으로 로드 또는 변경되기 시작하면 시작됩니다.
모든 sourcedataloading 이벤트 뒤에는 sourcedata, sourcedataabort 또는 error 이벤트가 이어집니다.
지도의 스타일이 로드되거나 변경될 때 시작됩니다.
지도 스타일이 비동기식으로 로드 또는 변경되기 시작하면 시작됩니다.
모든 styledataloading 이벤트 뒤에는 styledata 또는 error 이벤트가 옵니다.
스타일에 필요한 아이콘이나 패턴이 없을 때 발생합니다. 이미지가 건너뛰는 것을 방지하기 위해 이 이벤트 리스너 콜백 내에서 addImage로 누락된 이미지를 추가할 수 있습니다. 이 이벤트는 아이콘과 패턴을 동적으로 생성하는 데 사용할 수 있습니다.
지도 내에서 touchstart 이벤트가 발생하면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도 내에서 touchstart 이벤트가 발생할 때 실행되는 이벤트 리스너를 설정합니다.
map.on("touchstart", function() {
console.log("A touchstart event occurred.");
});
지도 내에서 touchend 이벤트가 발생하면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도 내에서 touchend 이벤트가 발생할 때 실행되는 이벤트 리스너를 설정합니다.
map.on("touchend", function() {
console.log("A touchend event occurred.");
});
지도 내에서 touchmove 이벤트가 발생하면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도 내에서 touchmove 이벤트가 발생할 때 실행되는 이벤트 리스너를 설정합니다.
map.on("touchmove", function() {
console.log("A touchmove event occurred.");
});
지도 내에서 touchcancel 이벤트가 발생하면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 지도 내에서 touchcancel 이벤트가 발생할 때 실행되는 이벤트 리스너를 설정합니다.
map.on("touchcancel", function() {
console.log("A touchcancel event occurred.");
});
지도 내에서 포인팅 장치(일반적으로 마우스)를 누르면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 이벤트 리스너 설정
map.on("mousedown", function() {
console.log("A mousedown event has occurred.");
});
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 특정 레이어에 대한 이벤트 리스너 설정
map.onLayer("mousedown", "point", function() {
console.log("A mousedown event has occurred on a visible portion of the point layer.");
});
지도 내에서 포인팅 장치(일반적으로 마우스)를 놓으면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 이벤트 리스너 설정
map.on("mouseup", function() {
console.log("A mouseup event has occurred.");
});
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 특정 레이어에 대한 이벤트 리스너 설정
map.onLayer("mouseup", "point", function() {
console.log("A mouseup event has occurred on a visible portion of the point layer.");
});
지도의 같은 지점에서 포인팅 장치(일반적으로 마우스)를 눌렀다가 놓으면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// Set an event listener
map.on("click", function(e) {
console.log("A click event has occurred at " + e.lngLat);
});
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// Set an event listener for a specific layer
map.onLayer("click", "point", function(e) {
console.log("A click event has occurred on a visible portion of the point layer at " + e.lngLat);
});
포인팅 장치(일반적으로 마우스)가 지도의 같은 지점에서 빠르게 연속해서 두 번 눌렸다가 놓이면(더블클릭 시) 발생합니다.
참고: 정상적인 조건에서 이 이벤트는 두 개의 click 이벤트가 선행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 이벤트 리스너 설정
map.on("dblclick", function(e) {
console.log("A dblclick event has occurred at " + e.lngLat);
});
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 특정 레이어에 대한 이벤트 리스너 설정
map.onLayer("dblclick", "point", function(e) {
console.log("A dblclick event has occurred on a visible portion of the point layer at " + e.lngLat);
});
커서가 지도 안에 있는 동안 포인팅 장치(일반적으로 마우스)를 움직일 때 발생합니다. 지도에서 커서를 움직이면 지도 내에서 커서의 위치가 바뀔 때마다 이벤트가 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 이벤트 리스너 설정
map.on("mousemove", function() {
console.log("A mousemove event has occurred.");
});
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 특정 레이어에 대한 이벤트 리스너 설정
map.onLayer("mousemove", "point", function() {
console.log("A mousemove event has occurred on a visible portion of the point layer.");
});
포인팅 장치(일반적으로 마우스)가 지도 내에서 움직일 때 발생합니다. 지도가 포함된 웹 페이지에서 커서를 이동하면 지도 또는 하위 요소에 들어갈 때마다 이벤트가 실행됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 이벤트 리스너 설정
map.on("mouseover", function() {
console.log("A mouseover event has occurred.");
});
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 특정 레이어에 대한 이벤트 리스너 설정
map.onLayer("mouseover", "point", function() {
console.log("A mouseover event has occurred on a visible portion of the point layer.");
});
포인트 장치(일반적으로 마우스)가 지도의 캔버스를 벗어나면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 포인팅 장치가 지도의 캔버스를 떠날 때 실행되는 이벤트 리스너를 설정합니다.
map.on("mouseout", function() {
console.log("A mouseout event occurred.");
});
지도 내에서 마우스 오른쪽 버튼을 클릭하거나 컨텍스트 메뉴 키를 누르면 발생합니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 마우스 오른쪽 버튼을 눌렀을 때 발생하는 이벤트 리스너를 설정합니다.
지도 내에서 눌렀습니다.
map.on("contextmenu", function() {
console.log("A contextmenu event occurred.");
});
맵 내에서 wheel 이벤트가 발생하면 시작됩니다.
// 지도 초기화
let map = new ktGms.Map({ }); // map options
// 맵 내에서 휠 이벤트가 발생할 때 실행되는 이벤트 리스너를 설정합니다.
map.on("wheel", function() {
console.log("A wheel event occurred.");
});
지형이 변경될 때 발생합니다
지도 데이터가 로드되거나 변경되면 시작됩니다. 자세한 내용은 MapDataEvent를 참조하세요.
지도 소스의 타일 또는 데이터 중 하나에 대한 요청이 중단되면 시작됩니다.
지도 데이터(스타일, 소스, 타일 등)가 비동기적으로 로드 또는 변경되기 시작하면 시작됩니다.
모든 dataloading 이벤트 뒤에는 data, dataabort 또는 error 이벤트가 이어집니다.
Generated using TypeDoc
지도에서 사용할 수 있는 기본적인 이벤트 타입입니다.
자주 사용하는 이벤트는 MapDefaultEvent의 이벤트 유형으로도 사용할 수 있습니다.