개발자
웹뷰방식으로 하이브리드 앱 개발이 들어가는 프로젝트가 있습니다. 지도는 네이버 지도 api 아니면 카카오 지도 api 연동할 계획입니다. 지도화면에서 롱탭이벤트를 활용해야하는 부분이 있는데 , 외부 지도api를 연동하는 경우, 지도화면 위에 롱탭 기능을 구현할 수 없나요? 참고로 네이티브가 아닌 웹뷰 기반이다보니 이벤트에 문제가 있다고 하여 안된다면 왜 안되는지 알고싶습니다. ㅠ 된다고 하면 어떻게 코드를 구성해야 구현이 가능할지 알려주시면 감사하겠습니다.. ㅠ
답변 0
첫 답변을 기다리고 있어요.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 02월 07일
웹뷰 기반이라면 자바스크립트를 사용해 이벤트를 처리하게 될 것입니다. 웹뷰에서 카카오 지도 API나 네이버 지도 API를 연동하는 것은 크게 문제되지 않습니다. 롱탭 이벤트 같은 경우는 특정 DOM 요소가 아닌 맵 (canvas 또는 이미지 등) 위에서 일어나므로, 이를 처리하기 위해서는 해당 지도 API에서 제공하는 이벤트를 사용해야 합니다. 예를 들어, Kakao Map API의 경우에는 다음과 같이 해볼 수 있을 것 같습니다. ```js // 맵 생성 코드... var map = new kakao.maps.Map(...); kakao.maps.event.addListener(map, 'click', function(mouseEvent) { // 클릭한 위도, 경도 정보 가져오기 var latlng = mouseEvent.latLng; // 이것을 사용하여 원하는 작업 수행... }); ``` 위의 코드는 클릭 이벤트 예시인데 롱탭에 대한 명시적인 API 설명은 찾기 어렵습니다. 그러나 `mousedown`과 `mouseup` 이벤트를 활용하여 직접 구현할 수 있습니다. 추가로 주의하실 점은, 임베디드된 웹뷰 환경에서 모든 브라우저 기능이 정상적으로 동작한다고 보장할 수 없다는 것입니다. 웹뷰 환경이 어느 정도의 동작을 지원하는지, 해당 플랫폼의 문서를 참조하거나 직접 테스트해보는 것이 좋습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!