카카오맵2 지도 이동 시 지도에 출력되는 위치 감지하기

카카오맵2 지도 이동 시 지도에 출력되는 위치 감지하기

PROJECT Issue 모두모두 Webapp 개발 React에서 카카오맵 API를 이용해서 현재 위치 받아오는 기능 구현 오류 해결 처음 위치는 카카오 본사로 되어 있었는데, 아무래도 사용자가 출발할 위치이기 때문에 현재 사용자의 위치를 초기 위치로 잡아주고 마커를 올리면 좋을 것 같다는 생각이 들었다. 그래서 gps를 사용하여 현재 위치를 읽어오는 기능을 구현했다. 문제는. 현재 위치를 가져오는 기능 자체는 문제가 없었는데 gps에서 현재 위치를 받아오는 것보다.

Latitude와 Longtitude를 통해 맵을 구성하는 기능이 이 더 먼저 수행이 되어서 현재 위치가 아닌 기본값 위치로 맵에 마커가 생겼습니다.

기아커넥트 초기화 오류 주의사항

현재 내비게이션 초기화로 당황하신 분들이 많으실 겁니다. 게스트모드를 이용하면 당장은 내비게이션을 사용할 수 있지만, 운행 중에는 게스트모드로 절대 변경하시면 안 됩니다.

게스트 모드로 진입하면 시트설정부터 해당 옵션들이 초기화되기 때문에, 시트가 움직여 운행 중에 큰 위험을 초래할 수 있습니다. 그러니 바쁘시더라도 갓길에 정차 한 뒤 게스트모드나 프로필을 추가를 통해 해결하시길 바랍니다.

기아커넥트 초기화 오류 해결방법

현재 기아 커넥트 초기화 오류를 다루는 방법은 게스트 모드를 이용하는 것입니다. 게스트 모드를 이용하면, 기존에 세팅값은 없어지지만 급한 대로 차량 내비게이션은 사용할 수 있습니다. 게스트 선택은 내비를 켜고 처음 나온 안내화면에서 나중에를 누른 후, 다음 화면에서 게스트를 누르시면 됩니다. 또 다른 방법으론 프로필 추가를 선택해 이전 프로필이 추가하는 방법이 있습니다. 이전 프로필을 추가하면 시트 설정은 다가올 경우도 있다고 합니다.

다만 그 외에 사운드, 블루투수, 전조등, 내비게이션 관련 이전 세팅값은 초기화가 되니 이점은 알아두시길 바랍니다. 프로필 추가 방법은 처음 안내 메시지에서 ”시작”을 누르고 이전 프로필을 선택하면 됩니다. 기아 측에서도 아직 구체적인 해결방법이 나오지 않아, 지금으로선 차선책을 쓸 수밖에 없습니다.

에러가 발생한 이유

console.log로 각 작업 수행 시마다. 로그를 찍어 봤더니 다음과 같이 나왔다

예상했던 것처럼 현재 위치를 받아오는 것이 더 느렸다. (그래서 현재 위치를 위도/경도 변수에 저장하기도 전에 맵을 구성해버려서 현재 위치가 중심이 되지 않았음) 대부분 위치를 받아오는 작업이 비교적 느리고, 위치를 받아오는 부분이 비동기적으로 수행되고 이 작업이 끝나기 전에 아랫줄이 실행되는 것으로 보입니다.

카카오맵 API 연동을 위한 기본 설정

아래의 Kakao Developers 사이트에서 카카오 API를 활용할 수 있어요. 1. 처음 앱 Key를 얻기 위해서 내 애플리케이션 탭에서 애플리케이션 추가하기를 통해 저장을 해줍니다. 2. 애플리케이션 추가를 해주면 요약 정보에서 앱 키를 확인할 수 있는데, 해당 키값들을 후에 카카오 연동 주소에 적용시켜서 사용해주면 됩니다.

자주 묻는 질문