(3day)geolocation & kakao

현재 위치 알아내기

navigator 객체의 geolocation메소드를 이용하여 알아냈다.

의외로 쉬웠는데 브라우저에서 지원하는 객체였고

단지 조금 막혔던 부분은 html의 요소를 js에서 데려올때 계속 locationEl 이 계속 undefined 됐다는 것이다.

해결은 하나의 요소를 만드는 것이기에 const를 붙이니 해결되었다. 위치는 위도와 경도로 표시되었다.

위도와 경도를 지역으로 바꾸기

상당히 막히고 있다..

카카오 api를 이용하는게 가장 빠르고 좋을 것 같은데 생각보다 쉽지않다.

api키를 얻고 모듈화까지 해서 지도도 그려지고 확대 축소도 되지만 정작 제일 중요한 지역의 이름이 안나온다..

좀 더 다양한 방식으로 문제를 해결해봐야겠다.

우선 다시 프로젝트를 생성하고 카카오 api만 활용하여 되는지 문제의 범위를 좁혀야겠다.

다시 처음부터 프로젝트를 생성하니 잘된다...

범위를 좁혔다.

드디어! 문제를 해결했다.

새로운 프로젝트에서 샘플을 그대로 복사하니 잘되는 걸 확인한 후 코드는 문제가없고 나에게 문제가 있는것을 인식했다.

이후 코드를 잘 살펴보니 html 의 script의 src속성 뒷부분에 api키를 적고 library=service를 빼먹었다...

항상 알기전에는 큰 실수 였을것 같은 것들이 알고보면 자잘한 실수였다.

위도와 경도를 지역으로 바꾸기 2

쉽게 될줄 알았는데 내일 다시 해봐야겠다.

우선 현재위치를 위도와 경도로 얻는것과

위도와 경도를 우리나라의 주소로 얻는것은 구현했지만

이 둘을 연결하는 것은 아직 하지 못하였다...

여러 방법을 써봤으나 잘 되지 않았다.

문제 원인은 3가지중 하나이다.

1. geolocation
2. kakao.maps.LatLng
3. javscript 문법

var를 사용하여 둘을 연결하거나

html요소를 매개로 하여 geo는 쓰고 kakao는 읽는 방법도 해봤으나 잘되지는 않았다.

개발자도구에서는 geo,function.success를 나가기만 하면 undefined되던데

1. success내에서 해결을 보던가
2. 밖에 나와서도 값이 유지되게 하던가 해야한다.