# Click event

2개의 포스트

터치와 클릭 이벤트

legacy project에 요청이 왔다. 터치 이벤트와 클릭이벤트가 필요하다는 요청이다. 서칭해본 결과 참고할만한 코드를 발견했다. 클릭을 유지하는 이벤트가 있는줄 몰랐는데 mousedown이 되면 mousemove를 bind해서 mouseon이 되었을 때 mousemove를 unbind처리하는 식이었다. 일단 페이지에 iframe이 세군데에 있어서 세군데에 따로 처리를 해줬다. 그냥 document에서 처리할 수 있으면 좋았을 텐데 iframe이라서 따로따로 처리했다. 한번에 처리할 수 있는 방법이 있으면 알고 싶다. 터치는 클릭보다 더 시간을 짧게 줬다. 길게 주니까 엄청 길게 스와이프 해야했다. 그래서 시간을 더 짧게 줬다. 출처 >Fiddle meta

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

클러스터링 마커와 일반 마커의 클릭 이벤트를 함께 사용하는 방법을 알아보자! | 삽질 노트

🙄 개요 구글 맵을 바탕으로 여러가지 기능을 구현하고 있다. 그 중 하나가 서울 자전거(따릉이) 위치 정보를 받아와 맵에 마커로 구현하는 기능이었다. 따릉이의 위치 정보는 대략 1700개정도 되는데, 이 많은 양을 맵에 표현하자니 자리도 과하게 차지하고, 성능도 저하되어 대안으로 알아본 것이 클러스터링 마커였다. 클러스터링 마커는 맵의 줌을 늘리면 자동으로 정리를 해주는데, 외적으로 보이는 모습이나 내적으로 성능 저하를 막는 모습이나 효과를 톡톡히 볼 수 있었다. 거기까진 좋았고, 이제 새로 맵을 클릭하면 클릭한 위치에 마커가 생기며 해당 마커를 클릭하면 해당 위치 정보를 기반으로 유저의 고유한 즐겨찾기 장소를 만들어 데이터베이스에 저장할 계획이었다. 그러나, 일반 마커와 클러스터링 마커 클릭 이벤트가 겹치며 클러스터링 마커 클릭 이벤트만 실행되고, 일반 마커는 실행되지 않는 사태가 발생했다. 기존 클러스터링 마커를 사용할 때의 코드는 다음

2021년 8월 13일
·
0개의 댓글
·