HTML5 Geolocation API 활용하기

네이버 지도 api를 계속 활용하다가 이제  내 위치정보를 받아서 그주위에 있는 음식점들을 보여줄수 있게 해야했다.

그래서 일단 내 위치 정보부터 받는거를 찾다가 구글링해서도 나오고 

HTML5 자체에서도 바로 쓸수 있는 Geolocation API 가 있다는것을 알았다. 

https://navermaps.github.io/maps.js.ncp/docs/tutorial-6-map-geolocation.example.html

NAVER Maps API v3

 

이대로 따라하면 되는데   문제는 현재 내 위치랑 약 3km 정도 차이가 난다.  검색해보니 

지금  Geolocation API 이게 데스크탑은 좀 오차가 있고 폰으로 하면 정확하게 나온다고 한다. 

당장 완벽히 만들 필요는 없으니 이 기능을 토대로 다음 것을 진행 하려고 한다. 

 이제 다음 단계는 내 반경 2km 이내 음식점만 보여주려고 해서 챗 지피티 한테 반경 2km 의 위도 경도 범위를

알려 달라고 했고  그 결과  위도 0.018018 +-     경도 1.5972+- 라고 했다.  이걸 기반으로 내 위치에서 저만큼 의  위도와 경도를 갖고 있는 데이터 값만 호출되게 한번 시도 해보려고 한다.