html5/geolocation (rev. 1.5)
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 속성 | 설명 |
coords | latitude | 위도 |
coords | longitude | 경도 |
coords | altitude | 표고 |
coords | accuracy | 위도와 경도의 오차 |
coords | altitudeAccuracy | 표고의 오차 |
coords | heading | 진행방향 |
coords | speed | 진행 속도 |
2.2. watchPosition() ¶
- 현재 위치를 계속 추적
- clearWatch()가 호출되면 종료
3. 추가 기능 ¶
- 윤곽이 있는 사각형을 그릴 수 있다.
- 색으로 채운 사각형을 그릴 수 있다.
- 사각형을 지울 수 있다.