html5, Geolocation, 현재 위치 찾기
페이지 정보
작성자 서방님 댓글 0건 조회 151회 작성일 16-07-08 10:26본문
<!DOCTYPE html>
<html>
<head>
<meta charset="euc-kr">
</head>
<body>
<script type="text/javascript">
<!--
function geoFindMe() {
var output = document.getElementById("out");
if (!navigator.geolocation){
output.innerHTML = "<p>사용자의 브라우저는 지오로케이션을 지원하지 않습니다.</p>";
return;
}
function success(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
output.innerHTML = '<p>위도 : ' + latitude + '° <br>경도 : ' + longitude + '°</p>';
var img = new Image();
img.src = "http://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false";
output.appendChild(img);
};
function error() {
output.innerHTML = "사용자의 위치를 찾을 수 없습니다.";
};
output.innerHTML = "<p>Locating…</p>";
navigator.geolocation.getCurrentPosition(success, error);
}
//-->
</script>
<p><button onclick="geoFindMe()">현 위치</button></p>
<div id="out"></div>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
