본문 바로가기
----- IT -----/jQuery Moblie

[책] p250 위치 정보

by 대소니 2012. 5. 12.



독자 분들께서 문의 해주신 jQuery Mobile 완벽가이드 책의 위치 정보 관련 내용입니다.


문의)


p253의 위치 정보 가져오기가 성공했을 경우에 현재 위치를 지도에 보여줘야 하는데, 초기 변수 값의 위도와 경도의 위치로만 지도에 나타납니다.



답변)


1. 위치 정보 가져오기가 성공했는지 확인해 주세요


위치 정보를 가져오기가 성공했을 때 호출되는 콜백 함수를 아래와 같이 수정합니다.

지도 화면이 뜨기 전에 alert 창으로 위도와 경도의 값이 화면에 보여진다면 정상적으로 위치 정보를 가져온 것입니다.


    function geoSuccess(position)

{

//alert("성공");

latitude = position.coords.latitude;

longitude = position.coords.longitude;

alert(latitude+", "+ longitude);

}



2. 유선 인터넷을 사용한 로컬 pc의 브라우저에서 위치 정보를 가져올때 고려할 사항


위치 정보는 기본적으로 모바일 기기의 3G 상태에서 가장 정확합니다. (물론 이것도 오차가 발생은 합니다.)

PC의 유선 인터넷의 상태에서는 위치 정보를 가져오더라도 인터넷 사업자의 센터 위치가 표시됩니다. 이것은 IP 기반으로 위치 정보를 가져오기 때문에 가장 정확하지 않는 위치 정보가 표시 됩니다.


집에서 위치 정보를 테스트 하실 때에는 다음과 같은 방법으로 해보세요



1. 로컬 PC에서 tomcat을 이용해 웹 서버를 기동합니다.

2. 외부에서 접속할 수 있는 로컬 PC의 ip를 확인합니다.

2.1 공유기 없는 경우 : 윈도우키+R => cmd 입력, 확인 -> ipconfig 입력

2.2 공유기 있는 경우 : 공유기 웹 관리자 화면에서 외부 ip 주소 확인

3. 모바일 기기의 3G 상태에서 브라우저를 실행하여 url을 입력 

예시 : http://xxx.xxx.xxx.xxx/JQM/cpt4_map.html


위와 같이 변경해 보시고 잘 안되시면 언제든지 메일을 통해 연락주시면 성심껏 답변 해드리도록 하겠습니다.

관심을 가져 주시고 문의를 주신 분들께 감사드립니다.

즐겁고 행복한 가정의 달 맞이 하시길 바랍니다.^^



'----- IT ----- > jQuery Moblie' 카테고리의 다른 글

[책] p271 내부 스크롤 (nested scroll)  (0) 2012.05.12
[책] jQuery Mobile 완벽 가이드  (5) 2012.04.07
jQuery Mobile 1.0.1 released  (0) 2012.01.28
jQuery Mobile 1.0 출시  (0) 2011.11.22
jQuery Mobile 1.0RC3 Released  (0) 2011.11.15

댓글