센서 예제중에서 위치정보에 대한 기능을 살펴보겠습니다.
이번에도 index.html에서 부터 시작합니다.
sensor.html을 열어 두번째 링크 페이지로 따라 갑니다.
위치정보 페이지에서는 헤더와 id가 map인 div태그만이 있군요.
위치 정보와 관련 있는 js를 찾아보겠습니다.
먼저, 구글 맵 api를 사용할 수 있도록 참조 스크립트가 셋팅되어 있습니다.
구글 맵 api를 사용하여 위치, 맵, 마커를 생성하고 맵에 표시합니다.
이번에도 index.html에서 부터 시작합니다.
sensor.html을 열어 두번째 링크 페이지로 따라 갑니다.
위치정보 페이지에서는 헤더와 id가 map인 div태그만이 있군요.
위치 정보와 관련 있는 js를 찾아보겠습니다.
먼저, 구글 맵 api를 사용할 수 있도록 참조 스크립트가 셋팅되어 있습니다.
js/sensor-geolocation.js을 찾아 열어봅니다.
구글 맵 api를 사용하여 위치, 맵, 마커를 생성하고 맵에 표시합니다.
실제 아이폰에서 실행시킨 화면입니다.
현재 위치 정보를 사용할 것인지 물어보는 창이 나오는데 메세지가 보기 좋치는 않네요.
저 메세지를 변경할 수 있는 방법이 있을까요? 혹시 아시는분은 알려주세요.
그리고, 제 위치 정보가 나오니 일부로 지도를 멀리 축소했습니다. ^^
'----- IT ----- > Appspresso' 카테고리의 다른 글
Appspresso(앱스프레소) - Camera liveview (카메라 미리보기) (0) | 2011.08.17 |
---|---|
Appspresso(앱스프레소) - Orientation (방향계) (0) | 2011.08.16 |
Appspresso(앱스프레소) - Accelerometer (가속도계) (0) | 2011.08.14 |
Appspresso(앱스프레소) - Pim (연락처) (0) | 2011.08.13 |
Appspresso(앱스프레소) - DeviceInteraction(모바일기기 동작) (0) | 2011.08.12 |
댓글