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.

댓글 없음:

댓글 쓰기

ETL 솔루션 환경

ETL 솔루션 환경 하둡은 대용량 데이터를 값싸고 빠르게 분석할 수 있는 길을 만들어줬다. 통계분석 엔진인 “R”역시 하둡 못지 않게 관심을 받고 있다. 빅데이터 역시 데이터라는 점을 볼때 분산처리와 분석 그 이전에 데이터 품질 등 데이...