JavaScript Screen 객체 JavaScript Navigator 객체

Navigator 위치 속성

geolocation읽기 전용 속성은 사용자의 위치를 정할 수 있는 Geolocation 객체를 반환합니다。

개인정보 보호 이유로 사용자가 위치 정보를 보고할 수 있도록 허용해야 합니다。

주의:이 기능은 일부 또는 모든 지원 브라우저의 보안 컨텍스트(HTTPS)에서만 사용할 수 있습니다。

우리의HTML5위치가이드에서위치정보에 대한更多信息을 알아보세요。

문법：

navigator.geolocation

예제

<script>　
var　x　=　document.getElementById("demo");
function　getLocation　()　{
navigator.geolocation.getCurrentPosition(showLoc);
x.innerHTML　=　'위치 가져오는 중...';
}
function　showLoc　(pos)　{
x.innerHTML　=　"위도:　"　+　pos.coords.latitude　+
　　"<br>경도:　"　+　pos.coords.longitude;
}
</script>

테스트를 보세요‹/›

브라우저 호환성

표格에서의 숫자는 geolocation 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다：

속성
geolocation	5	3.5	16	5	9

기술 세부 사항

반환 값:	위치 정보 객체 참조

더 많은 예제

이 예제는 모든 Navigator 속성을 표시합니다:

예제

var txt = "";
txt　+= "<p>Browser CodeName: "　+　navigator.appCodeName　+　"</p>";
txt　+= "<p>Browser Name: "　+　navigator.appName　+　"</p>";
txt　+= "<p>Browser Version: "　+　navigator.appVersion　+　"</p>";
txt　+= "<p>Cookies Enabled: "　+　navigator.cookieEnabled　+　"</p>";
txt　+= "<p>Browser Language: "　+　navigator.language　+　"</p>";
txt　+= "<p>Browser Online: "　+　navigator.onLine　+　"</p>";
txt　+= "<p>Platform: "　+　navigator.platform　+　"</p>";
txt　+= "<p>User-agent header: "　+　navigator.userAgent　+　"</p>";
document.write(txt);

테스트를 보세요‹/›

아래 예제에서, 반환된 위도와 경도는 Google 맵에서 위치를 표시하는 데 사용됩니다:

예제

<script>
function showLoc(pos) {
var latt = pos.coords.latitude;
var long = pos.coords.longitude;
var lattlong = new google.maps.LatLng(latt, long);
var options = {
center: lattlong,
zoom:　10,
mapTypeControl: true,
navigationControlOptions: {style:google.maps.NavigationControlStyle.SMALL}
};
var mapg = new google.maps.Map(x, options);
var mark = new google.maps.Marker({position:lattlong, map:mapg, title:"You are here!"});
}
</script>

테스트를 보세요‹/›

지도에 위치를 표시하는 것은 매우 흥미로운 작업입니다. 이 서비스는 지도 내 정확한 위치를 제공합니다.

결과를 지도에 표시하려면, 예를 들어 Google Maps와 같은 지도 서비스에 접근해야 합니다.

지도의 기능은 Google에서 제공하는 JavaScript 라이브러리에 의해 제공됩니다:

<　script　src　=　“　https://maps.googleapis.com/maps/api/js?key=　YOUR_KEY　”　>　</　script　>

JavaScript 객체

JavaScript 참조 매뉴얼

JS DOM 참조 매뉴얼

Navigator 위치 속성

문법：

브라우저 호환성

기술 세부 사항

더 많은 예제

관련 참조