실시간 교통정보 cctv 심사숙고하는 방법 알아보기 (네이버 지도, 카카오맵)

실시간 교통정보 cctv 심사숙고하는 방법 알아보기 (네이버 지도, 카카오맵)

Node.jsNest.js환경이하 NN환경에서 카카오맵 API 를 연동합니다. NN생태계를 기반으로 카카오맵API를 연동한 자료가 정말 부족, 아니 없었습니다. 그냥. 이유는 보통 이런 부분은 프론트엔드REACT에서 구현되기 때문입니다. 그래서 아예 NN환경에서 카카오맵 API를 연동하는 법을 기록해놓기로 했다degdeg 구현 방식부터 A to Z로 찾아보면서 하느라 과정 전체가 문제였지만 그 중에 일반적인 문제만 정리해봤습니다.

티머니택시 카드등록

티머니택시 자동결제를 하기 위해서는 자동결제에 사용할 카드를 등록해주셔야 합니다. 카드등록 및 자동결제 방법에 대하여 알려드리겠습니다. 옵니다. 앱 실행 후 좌측 상단의 작대기 세줄 버튼을 눌러주세요. 공지사항, 탑승내역, 이용안내, 결제관리, 쿠폰함, 친구초대 등등 메뉴가 다양합니다. 그중에서 결제관리 메뉴를 눌러 주세요. 결제관리 메뉴에 들어오셨다면 위와 같은 화면이 나오게 됩니다. 카드 추가하기 메뉴를 선택 후 결제에 이용할 카드 정보를 입력한 후 결제카드 추가 메뉴를 눌러 주세요. 토스를 이용하시는 분들은 토스페이 자동결제도 가능하니 참고하시기 바랍니다.

이렇게 티머니택시 사용법, 카드 등록 및 자동결제 방법에 관련해서 알려드렸습니다.

코드 작성

다시 아래의 페이지로 돌아와 시작하기를 확인합니다. 변경 내용은 src의 끝에 autoloadfalse라고 적은 부분, 그리고 kakao.maps.load 를 사용한 부분입니다. 저 함수를 사용할 경우 카카오 맵 관련 파일들이 모두 로드가 된 이후 해당 함수 내용이 실행되기에 접근 할 수 없습니다.거나 null이라거나 하는 에러를 해결할 수 있게 됩니다. 다만 저 코드를 React에서 그대로 쓰면 에러가 발생합니다. 우리는 Window객체를 통해 kakao 객체에 접근하여 사용 할 있습니다.

티머니택시 사용법

티머니택시를 이용하기 위해서는 스마트폰에서 옵니다. 앱을 깔아주셔야 합니다. 아래 주황색 버튼을 누르시면 옵니다. 어플을 설치할 수 있는 화면으로 이동합니다. 핸드폰 기종별로 아이폰, 갤럭시 두 가지 버튼을 준비했습니다. 아래의 갤럭시 옵니다. 앱 다운로드 or 아이폰 옵니다. 앱 다운로드 버튼을 눌러 앱을 깔아주세요. 아이폰, 갤럭시 기종에 맞게 버튼을 눌러 옵니다. 앱을 깔아주세요. 갤럭시의 경우 구글 플레이스토어, 아이폰의 경우 앱스토어로 이동하게 됩니다.

버튼을 눌러 옵니다. 앱을 설치하셨다면 처음에 접근 권한 및 앱 추적 인정 화면이 나오게 됩니다. 원활한 사용을 위해 접근 권한 및 앱에 추적 허용을 해주세요. 티머니택시 옵니다.

카카오맵 사용법

앱스토어나 플레이스토어에 카카오맵을 검색 후 카카오맵을 다운로드하여 주세요. 카카오맵을 다운로드 후, 실행하시면 이런 화면이 나오는데요. 카카오계정으로 로그인을 눌러주세요. 약관동의 후 확인 버튼을 눌러주세요. 필수 인 부분만 동의하시고 선택 부분은 필수가 아니므로 꼭 동의를 안 하셔도 됩니다. 프로필을 눌러 주시면 되는데, 새 프로필을 만드셔도 되지만, 카카오톡 프로필로 설정을 해도 됩니다. 프로필 선택 후 확인 버튼을 눌러주세요. 프로필을 만드셨다면 카카오맵 메인 화면이 나옵니다.

길 찾기 사용법에 대하여 첫번째 알려드리겠습니다.

하지만 말입니다.

인구 밀집도? 혼잡도를 이런식으로 지도 표시하는게 맞을까? 사실 내가 해야하는건 다중밀집에 대한 내용이었는데 교통량 표시하는 것 처럼 길에 빨강, 노랑, 초록 표시를 하는게 맞지 않을까요? 그치만 교통은 정말 도로위의 혼잡도. 길 위에 선을 긋는 방법을 찾아봐야지. 하지만 고맙게도 카카오맵에서 도형그리기선그리기를 지원합니다. 다음번에 알아보도록하자. 없는게 뭐지. 멋있습니다.

자주 묻는 질문