MapDefaultEvent는 기본적인 지도 이벤트에 대한 이벤트 유형입니다.
on 또는 onLayer과 같이 이벤트 리스너 관련 함수에 사용할 수 있습니다.

Example

// `load` 이벤트는 `MapDefaultEvent`의 예제입니다.
// 지도 로딩 시 수행 될 이벤트 리스너를 설정합니다.

//"load"를 직접 문자열 입력하는 방법
map.on("load", function(e) {
console.log("A load event has occurred");
});

//eventName의 static를 통해서 이벤트 명칭을 세팅 할 수 있습니다.
map.on(ktGms.event.MapDefaultEvent.eventName.load, function(e) {
console.log("A load event has occurred");
});

See

Mouse Event - Map, Layer, Marker

Hierarchy

  • MapDefaultEvent

Properties

eventName: {
    dragstart: string;
    drag: string;
    dragend: string;
    idle: string;
    load: string;
    movestart: string;
    move: string;
    moveend: string;
    pitchstart: string;
    pitch: string;
    pitchend: string;
    remove: string;
    render: string;
    resize: string;
    rotatestart: string;
    rotate: string;
    rotateend: string;
    zoomstart: string;
    zoom: string;
    zoomend: string;
    boxzoomstart: string;
    boxzoomend: string;
    boxzoomcancel: string;
} = ...

기본적인 지도 이벤트 종류입니다. MapDefaultEvent의 type에 대한 명칭을 이름을 제공하는 static 멤버입니다.
ktGms.event.MapDefaultEvent.eventName.load처럼 사용할 수도 있고, "load"로 사용할 수도 있습니다.

Type declaration

  • dragstart: string

    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: string

    drag to pan 상호작용 중에 반복적으로 실행됩니다. DragPanHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // `drag to pan` 상호 작용 중에 반복적으로 실행되는 이벤트 리스너를 설정합니다.
    map.on("drag", function() {
    console.log("A drag event occurred.");
    });
  • dragend: string

    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: string

    지도가 idle 상태가 되기 전에 렌더링된 마지막 프레임 후에 실행됩니다.

    • 진행 중인 카메라 전환이 없습니다.
    • 현재 요청된 모든 타일이 로드되었습니다.
    • 모든 페이드/전환 애니메이션이 완료되었습니다.
    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도가 "idle" 상태에 들어가기 직전에 실행되는 이벤트 리스너를 설정합니다.
    map.on("idle", function() {
    console.log("A idle event occurred.");
    });
  • load: string

    필요한 모든 리소스가 다운로드되고 처음으로 시각적으로 완성된 지도 렌더링이 발생한 직후에 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도 로드가 완료되면 실행되는 이벤트 리스너를 설정합니다.
    map.on("load", function() {
    console.log("A load event occurred.");
    });
  • movestart: string

    사용자 상호작용 또는 Map.jumpTo 와 같은 메서드의 결과로 지도가 한 보기에서 다른 보기로 전환을 시작하기 직전에 시작됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도가 한 보기에서 다른 보기로 전환을 시작하기 직전에 실행되는 이벤트 리스너를 설정합니다.
    map.on("movestart", function() {
    console.log("A movestart` event occurred.");
    });
  • move: string

    사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 한 보기에서 다른 보기로 애니메이션 전환하는 동안 반복적으로 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 애니메이션 전환 중에 반복적으로 실행되는 이벤트 리스너를 설정합니다.
    map.on("move", function() {
    console.log("A move event occurred.");
    });
  • moveend: string

    사용자 상호작용 또는 Map.jumpTo와 같은 메서드의 결과로 지도가 한 보기에서 다른 보기로 전환을 완료한 직후에 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도가 전환을 완료한 직후에 실행되는 이벤트 리스너를 설정합니다.
    map.on("moveend", function() {
    console.log("A moveend event occurred.");
    });
  • pitchstart: string

    지도의 피치(기울기)가 사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 변경되기 시작할 때마다 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 피치(기울기) 전환이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
    map.on("pitchstart", function() {
    console.log("A pitchstart event occurred.");
    });
  • pitch: string

    사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 한 상태와 다른 상태 간에 지도의 피치(기울기) 애니메이션 중에 반복적으로 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 피치(기울기) 전환 중에 반복적으로 발생하는 이벤트 리스너를 설정합니다.
    map.on("pitch", function() {
    console.log("A pitch event occurred.");
    });
  • pitchend: string

    사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 지도의 피치(기울기) 변경이 완료된 직후 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 피치(기울기) 전환이 끝난 직후에 실행되는 이벤트 리스너를 설정합니다.
    map.on("pitchend", function() {
    console.log("A pitchend event occurred.");
    });
  • remove: string

    remove 로 지도가 삭제된 직후에 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도가 제거된 직후에 실행되는 이벤트 리스너를 설정합니다.
    map.on("remove", function() {
    console.log("A remove event occurred.");
    });
  • render: string

    다음의 결과로 지도가 화면에 그려질 때마다 실행됩니다.

    • 지도의 위치, 확대/축소, 피치 또는 방위 변경
    • 지도 스타일 변경
    • GeoJSON 소스에 대한 변경
    • 벡터 타일, GeoJSON 파일, 글리프 또는 스프라이트 로딩
    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도가 화면에 그려질 때마다 실행되는 이벤트 리스너를 설정합니다.
    map.on("render", function() {
    console.log("A render event occurred.");
    });
  • resize: string

    지도 크기가 조정된 직후에 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 지도 크기가 조정된 직후에 실행되는 이벤트 리스너를 설정합니다.
    map.on("resize", function() {
    console.log("A resize event occurred.");
    });
  • rotatestart: string

    drag to rotate 상호작용이 시작되면 시작됩니다. DragRotateHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // `drag to rotate` 상호 작용이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
    map.on("rotatestart", function() {
    console.log("A rotatestart event occurred.");
    });
  • rotate: string

    drag to rotate 상호작용 중에 반복적으로 실행됩니다. DragRotateHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 실행되는 이벤트 리스너 설정 `drag to rotate`상호 작용 중에 반복적으로.
    map.on("rotate", function() {
    console.log("A rotate event occurred.");
    });
  • rotateend: string

    drag to rotate 상호작용이 종료되면 시작됩니다. DragRotateHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // drag to rotate 상호 작용이 종료된 직후에 실행되는 이벤트 리스너를 설정합니다.
    map.on("rotateend", function() {
    console.log("A rotateend event occurred.");
    });
  • zoomstart: string

    사용자 상호작용 또는 Map.flyTo와 같은 방법의 결과로, 지도가 한 확대/축소 수준에서 다른 확대/축소 수준으로 전환을 시작하기 직전에 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 확대/축소 전환이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
    map.on("zoomstart", function() {
    console.log("A zoomstart event occurred.");
    });
  • zoom: string

    사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 한 확대/축소 수준에서 다른 확대/축소 수준으로 애니메이션 전환하는 동안 반복적으로 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 확대/축소 전환 중에 반복적으로. 실행되는 이벤트 리스너 설정

    map.on("zoom", function() {
    console.log("A zoom event occurred.");
    });
  • zoomend: string

    사용자 상호작용 또는 Map.flyTo와 같은 메서드의 결과로 지도가 한 확대/축소 수준에서 다른 확대/축소 수준으로 전환을 완료한 직후에 실행됩니다.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 실행되는 이벤트 리스너 설정 확대/축소 전환이 완료된 직후.
    map.on("zoomend", function() {
    console.log("A zoomend event occurred.");
    });
  • boxzoomstart: string

    box zoom상호작용이 시작되면 시작됩니다. BoxZoomHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // `box zoom` 상호 작용이 시작되기 직전에 실행되는 이벤트 리스너를 설정합니다.
    map.on("boxzoomstart", function() {
    console.log("A boxzoomstart event occurred.");
    });
  • boxzoomend: string

    box zoom 상호작용이 종료되면 시작됩니다. BoxZoomHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // `box zoom` 상호 작용이 끝난 직후에 실행되는 이벤트 리스너를 설정합니다.
    map.on("boxzoomend", function() {
    console.log("A boxzoomend event occurred.");
    });
  • boxzoomcancel: string

    사용자가 box zoom상호작용을 취소하거나 경계 상자가 최소 크기 임계값을 충족하지 않을 때 시작됩니다. BoxZoomHandler를 참조하세요.

    // 지도 초기화
    let map = new ktGms.Map({ }); // map options
    // 사용자가 "상자 확대/축소" 상호 작용을 취소하는 이벤트 리스너를 설정합니다.
    map.on("boxzoomcancel", function() {
    console.log("A boxzoomcancel event occurred.");
    });
type: any

기본 이벤트 타입입니다. eventName 종류와 일치합니다.

target: Map$1

이벤트를 발생시킨 Map 객체입니다.

originalEvent: Event

맵 이벤트를 발생시킨 DOM 이벤트입니다.

Generated using TypeDoc