본문 바로가기
----- IT -----/Appspresso

Appspresso(앱스프레소) - Geolocation (위치정보)

by 대소니 2011. 8. 15.
센서 예제중에서 위치정보에 대한 기능을 살펴보겠습니다.

이번에도 index.html에서 부터 시작합니다.



sensor.html을 열어 두번째 링크 페이지로 따라 갑니다.



위치정보 페이지에서는 헤더와 id가 map인 div태그만이 있군요.



위치 정보와 관련 있는 js를 찾아보겠습니다.
먼저, 구글 맵 api를 사용할 수 있도록 참조 스크립트가 셋팅되어 있습니다.


js/sensor-geolocation.js을 찾아 열어봅니다.

위치정보를 가져오기 위한 기능은 html5의 표준에 따라서 navigator객체에서 현재 위치를 가져오도록 되어 있군요.
구글 맵 api를 사용하여 위치, 맵, 마커를 생성하고 맵에 표시합니다. 


실제 아이폰에서 실행시킨 화면입니다.
현재 위치 정보를 사용할 것인지 물어보는 창이 나오는데 메세지가 보기 좋치는 않네요.
저 메세지를 변경할 수 있는 방법이 있을까요? 혹시 아시는분은 알려주세요.
그리고, 제 위치 정보가 나오니 일부로 지도를 멀리 축소했습니다. ^^


 
 



 

댓글