1. html5
  2. html5/VA
  3. html5/canvas
  4. html5/drag-and-drop
  5. html5/form
  6. html5/geolocation
  7. html5/offline-web-application
  8. html5/others-api
  9. html5/outline
  10. html5/overview
  11. html5/richtext-edit
  12. html5/video&audio
  13. html5/web-storage
  14. html5/web-workers
  15. html5/webSqlDatabase
  16. html5/websocket
  17. html5/문제점
  18. html5practice/roundRect
  19. html5practice/즐겨찾기목록만들기



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유효 기간 설정

4. 예제

Retrieved from http://wiki.zeropage.org/wiki.php/html5/geolocation
last modified 2021-02-07 05:31:40