카카오맵 터치이벤트 버블링

지도/로컬 API
#1

웹페이지 제작중에 최상단의 태그에 터치이벤트를 달아둬서 지도를 드래그해서 위치를 이동하는등의 이벤트가 발생하면 상위이벤트까지 전파되는 현상이있는데 카카오맵에서 stopPropagation을 사용할수있는 방법이 없나요?

#2

지도 Element에 터치 이벤트(touchstart, touchmove, touchend)를 등록하고
지도 영역이 터치중인지 확인하는 변수를 선언해주세요.

각 이벤트에서 상황에 맞게 변수값을 변경하고
최상위 이벤트에서는 해당 변수값을 확인해서 지도가 터치중이면 로직 실행을 막아주세요.

아래 코드는 참고용으로만 봐주시고 로직에 맞게 구현해주세요.

let isMapTouch = false;

mapContainer.ontouchstart = (e) => {
    isMapTouch = true;
}

mapContainer.ontouchmove = (e) => {
    isMapTouch = true;
}

mapContainer.ontouchend = (e) => {
    isMapTouch = false;
}

// 최상위 객체의 touch move 이벤트 
el.addEventListener("touchmove", function() {
    if(!isMapTouch) {
        console.log('touch move');
    }
});