Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Html5/geolocation

From ZeroWiki
Revision as of 05:29, 13 October 2010 by imported>pkccr1

[[pagelist(html5)]]

Geolocation API?

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

사용 방법

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

getCurrentPosition()

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

watchPosition()

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

추가 기능

  • 윤곽이 있는 사각형을 그릴 수 있다.
  • 색으로 채운 사각형을 그릴 수 있다.
  • 사각형을 지울 수 있다.