2011년 5월 23일 월요일

HTML5 - code example of Geolocation in an iPhone

Geolocation API을 이용하여 iPhone 사용자의 현재위치를 Google Map에 표시해주는 Example입니다. 때문에 iPhone에서만 테스트 해볼수 있습니다.- Android에서도 되는지는 모르겠습니다.-
iPhone Safari로 위 원본문서에 접근하면 safari에서 위치정보에 접근하려한다, ibm에서 위치정보에 접근하려한다고 2번 물어봅니다.
아래는 Key Code 입니다.
<script>
function googleMapIt(p)
{
var detail ='<b>Latitude: </b> ' + p.coords.latitude + ' <b> Longitude: </b> ' + p.coords.longitude;
document.getElementById("addAfterLoad").innerHTML = detail;
var map='http://maps.google.com/maps?&z=15&output=embed&ll='+p.coords.latitude+','+p.coords.longitude;
document.getElementById("geoMap").src=map;
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(googleMapIt);
}
else {
var detail ='<b>Your browser does not support geolocation!</b>';
document.getElementById("addAfterLoad").innerHTML = detail;
}
</script>


HTML이 로딩되면 "if (navigator.geolocation)"문이 실행되고 위치정보를 가져올수 있는 환경이면 "googleMapIt(p)" Function을 호출하여 하단 "iframe"- Key Code에서는 보이질 않습니다. -에 GoogleMap을 출력하게 됩니다.
아래는 Example Code입니다.
You can download the complete HTML of this example by clicking here.
HTML5 Geolocation에 대해서 더 알고 싶다면 아래 Link을 참고하십시오.
To learn more about the HTML5 geolocation specification check out the WC3 API Specification draft.

댓글 없음:

댓글 쓰기

블록체인 개요 및 오픈소스 동향

블록체인(block chain) 블록체인은 공공 거래장부이며 가상 화폐로 거래할때 발생할때 발생할 수 있는 해킹을 막는 기술. 분산 데이터베이스의 한 형태로, 지속적으로 성장하는 데이터 기록 리스트로서 분산 노드의 운영자에 의한 임의 조작이 불가...