My Name is Kay....

DIY , 먹방 , 개발 , 육아 , 여행 좋아합니다. AdBlock 사용시 화면이 정상적으로 노출되지 않습니다.



?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

브라우져 상에서 현재 위치 위경도를 읽어오는 기능입니다.

Test Url : http://www.uhoon.co.kr/test/1200.html


getCurrentPosition.png



<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>getCurrentPosition</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
<!--
	function getLocation_cord()
	{
	if (navigator.geolocation)
		{
			navigator.geolocation.getCurrentPosition(showPosition1);
		}
		else
		{
			$("#setPosition").html("Geolocation is not supported by this browser.");
		}
	}
	function showPosition1(position)
	{
		$("#setPosition").html("Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude);
	}
//-->
</script>
</head>
<body>
<p id="setPosition"></p>
<button onclick="getLocation_cord()">Get Position</button>
</body>
</html>



문법 : getCurrentPosition(showLocation, ErrorHandler, options);


Location Properties

Property Type Description
coords objects

장치의 지리적 위치를 지정합니다. 위치는 지리적 제목과 속도에 대한 정보와 함께 좌표의 집합으로 표현된다.

coords.latitude Number

소수점도에서 위도 추정치를 지정합니다. 값의 범위는 [-90.00, 90.00]입니다.

coords.longitude Number

진수도의 경도 추정치를 지정합니다. 값의 범위는 [-180.00, 180.00]입니다.

coords.altitude Number

[Optional] WGS 84 타원체의 위 미터의 고도 추정치를 지정합니다.

coords.accuracy Number

[Optional] 미터의 위도와 경도 예측의 정확도를 지정합니다.

coords.altitudeAccuracy Number

[Optional] 미터의 고도 추정의 정확도를 지정합니다.

coords.heading Number

[Optional] 도는 진북을 기준으로 시계 방향 계산에서 이동 장치의 현재 방향을 지정합니다.

coords.speed Number

[Optional] 초당 미터 장치의 접지 전류 속도를 지정합니다.

timestamp date

위치 정보 검색 및 위치 객체가 생성 된 시간을 지정합니다.


Handling Errors

Property Type Description
code Number

오류에 대한 숫자 코드가 포함되어 있습니다.

message String

오류의 사람이 읽을 수있는 설명이 포함되어 있습니다.


Position Options

Code Constant Description
0 UNKNOWN_ERROR

방법은 알 수없는 오류로 인해 장치의 위치를​​ 검색하지 못했습니다.

1 PERMISSION_DENIED

응용 프로그램이 위치 서비스를 사용할 수있는 권한이 없기 때문에이 방법은 장치의 위치를​​ 검색하지 못했습니다.

2 POSITION_UNAVAILABLE

장치의 위치를​​ 확인할 수 없습니다.

3 TIMEOUT

메서드는 지정된 최대 시간 제한 간격 내에 위치 정보를 검색 할 수 없습니다.


Property Type Description
enableHighAccuracy Boolean

위젯은 가능한 한 가장 정확한 위치 추정을 받고 싶은 것인지 여부를 지정합니다. 기본값은 false입니다.

timeout Number

Timeout 속성은 웹 응용 프로그램이 위치를 위해 기다릴 시간을 밀리 초 단위입니다.

maximumAge Number

캐시 위치 정보를 밀리 초 단위로 만료 시간을 지정합니다.



참고 Url : 

http://www.tutorialspoint.com/html5/html5_geolocation.htm

http://devsw.tistory.com/110 



?

List of Articles
번호 제목 글쓴이 날짜 조회 수
5 Javascript 를 이용한 동적 그래프 생성 "Smoothie Charts" file kay 2014.08.20 2872
4 부트스트랩(bootstrap) - 프론트엔드 프레임웍 " 반응형 웹 쉽게 제작하기 " kay 2014.04.29 2396
3 CKEditor - WYSIWYG editor kay 2013.07.04 21319
» 브라우져에서 현재 위치(위경도) 읽어오기 - navigator.geolocation.getCurrentPosition() kay 2013.05.31 4254
1 카카오톡 + 카카오스토리 내보내기 연동 kay 2013.04.25 4238
Board Pagination Prev 1 Next
/ 1