Notice
Recent Posts
Recent Comments
Tags more
«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

웹개발자의 기지개

현재 GPS 좌표값 얻기 2 - navigator.geolocation 본문

javascript

현재 GPS 좌표값 얻기 2 - navigator.geolocation

웹개발자 워니 2018. 12. 29. 00:51

javascript 상의 navigator.geolocation 으로 현재 GPS 좌표값 얻는 소스를 다시 한번 살펴봤다.


 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>geolocation으로 표시하기</title>
<script>
var lat = "";
var lon = "";
if (navigator.geolocation) {
   
    // GeoLocation을 이용해서 접속 위치를 얻어옵니다
    navigator.geolocation.getCurrentPosition(function(position) {
       
            lat = position.coords.latitude; // 위도
            lon = position.coords.longitude; // 경도


           alert("navi 안의 내용이 실행됨 " + lat + " / " + lon); 

      });
}

  alert("첫번째로 실행"); 
</script>
</head>
<body>


<script>
alert("본문에서 " + lat + " / " + lon);
</script>


</body>
</html>



실행시키면, <head>태그안에 alert("첫번째로 실행"); 부분이 실행된다. 


주의할점은 <head> 태그내 navigator.geolocation.getCurrentPosition 함수가 먼저 나옴에도 불구하고, 

<head> 태그내 alert() 내용부터 먼저 실행된다는 점이다.



<head> 태그안의 navigator.geolocation.getCurrentPosition 의 함수가 실행된다.



<body> 태그내 본문의 내용이 로딩된다.



'javascript' 카테고리의 다른 글

[PHP, Javascript] 네이버 스마트에디터2 - 사진첨부 기능 포함(PHP업로드) , 글쓰기파일  (0) 2019.01.03
현재 GPS 좌표값 얻기 3 - navigator.geolocation [다음지도 표시]  (2) 2018.12.29
현재 GPS 좌표값 얻기 1 - navigator.geolocation  (0) 2018.12.28
체크박스 여러개중에 체크한것만 삭제하기  (0) 2018.12.21
현재위치에서 반경2km 내 업체들 거리, 도보/자전거 이동거리 구하기  (0) 2018.11.30
'javascript' Related Articles more
Comments