2022년 5월 22일 일요일

서울맵 API 이용시 모바일에서 마커 클릭 동작이 안먹힐 때의 조치

자바스크립트 코드

map = L.map("mapContainer", {
    ... 기타 다른 옵션들 ...
    tap : false /* 이거 없으면 클릭이 잘 안먹힘 */
});

HTML 코드

<html>
<body>
    <div class="wrapper">
        body 내의 최상위 레이어
        <div id="mapContainer" class="container map"></div>
    </div>
</body>
</html>

CSS 코드

html, body, .wrapper {
    /* 모바일에서 아래로 당길 때 새로고침 작동방지 */
    overscroll-behavior-y: none;

    /* 모바일에서 주소 표시줄이 항상 보이도록 처리 */
    height: 100%;
    position : fixed;
}

아래 처럼 오류 발생시 css를 하나 더 추가해 줬다

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 


#mapContainer {
    touch-action: none;
}
시간: