U E D R , A S I H C RSS

html5/geolocation

Difference between r1.3 and the current

@@ -33,6 +33,10 @@
* clearWatch()가 호출되면 종료

= 추가 기능 =
* 윤곽이 있는 사각형을 그릴 수 있다.
* 색으로 채운 사각형을 그릴 있다.
* 사각형을 지울 수 있다.
||'''속성'''||'''설명'''||
||enableHighAccuracy||정확도가 높은 위치 정보 요청||
||timeout||위치 정보 확인에 시간제한 설정||
||maximumAge||유효 기간 설정||
= 예제 =
* http://html5demos.com/




1. Geolocation API?

  • 프로그램을 실행하는 디바이스의 위치 정보를 얻기 위한 API
  • 모바일 애플리케이션과 연동하여 사용
  • 고급 레벨의 API - GPS를 이용하는지 네트워크 정보를 이용하는지는 알수 없으나
    디바이스나 네트워크의 종류에 관계없이 동작!

2. 사용 방법

  • Geolocation API 관련 메서드는 모두 window.navigator 객체에 정의

2.1. getCurrentPosition()

  • 현재 위치를 한번만 받는 메서드

   namigator.geolocation.getCurrentPosition(function(position){
     alert("위도:" + position.coords.latitude +
        "경도 :" + position.coords.longitude);
   });
  • 위치 정보 객체의 속성
coords 속성설명
latitude위도
longitude경도
altitude표고
accuracy위도와 경도의 오차
altitudeAccuracy표고의 오차
heading진행방향
speed진행 속도

2.2. watchPosition()

  • 현재 위치를 계속 추적
  • clearWatch()가 호출되면 종료

3. 추가 기능

속성설명
enableHighAccuracy정확도가 높은 위치 정보 요청
timeout위치 정보 확인에 시간제한 설정
maximumAge유효 기간 설정

Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:31:40
Processing time 0.0406 sec