HTML5와 자바 스크립트와 함께 위치 정보. Google지도 통합

HTML5와 함께 소개되고 새로운 제품은 많은 일부 특히 흥미있다. 이 중 자동으로 브라우저를 통해 사용자의 지리적 위치를 검색할 수 의심할, 위치 정보에 대한 지원, 눈에 띄는 게 없어요.

HTML5 브라우저에 대한 지원과 함께, 사실이라면, 당신의 ISP 연결에 의해 할당된 IP 주소를 사용하여 사용자의 위치, 휴대 통신에 근접을 (모바일 연결을위한) 추적할 수 위치 정보를 아르 사용하거나 통해 ' GPS 안테나가 장치에 통합될 수 있습니다. 위치 감지 georafica은 물론, 관련 본인의 명시적 동의 이후에만 발생합니다 (위치 ​​추적, 동의 여부하실 수 있습니다 요청을 할 수있는 웹 페이지의 요청에 통지됩니다 사람).

브라우저에 의해 반환되는 위치는 다음 자바 스크립트에서 사용할 수있는 자사의 좌표 (위도와 경도)에 의해 표시됩니다. navigator.geolocation : 새로운 위치 정보의 API는 네비게이터 객체의 새로운 속성을 기반으로합니다.

HTML5는 충분합니다에 대한 브라우저가 이러한 새로운 API에 대한 지원을 제공하고 있는지 확인하기 위해, 그러므로, 조건부 이런 전화를 :

 경우 (navigator.geolocation) {



  



 / / 브라우저 준비 HTML5 위치 정보에 대한 지원







 다른 {}



  



 위치 정보에 대한 / / 지원하지 않습니다







 }

여기 사용자의 지리적 좌표 검출을위한 몇 가지 간단한 자바 스크립트 코드 (페이지의 헤더에 삽입)입니다 :

 경우 (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 다른 {}



  



 알림 ( '지리적 로컬 리 제이션이 가능하지 않습니다');







 }









 mia_posizione 기능 () {



  



 var에 위도 = position.coords.latitude;



  



 var에 경도 = position.coords.longitude;



  



 document.getElementById ( '위치') innerHTML = '당신의 위치 :'. 위도 + + ','+ 경도;

  





 }

페이지의 본문에만 사용자 좌표가 작성되는 시간 ID "위치"로 요소를 삽입할 필요가 없습니다.

동작하는 예제를 참조하려면 여기를 클릭하십시오 .

GetCurrentPosition 기능 ()

브라우저가 지원하는 경우 당신이 볼 수 있듯이 위치 정보를 getCurrentPosition의 정맥은 우리의 예제에서, 하나의 인수가 성공 콜백으로 전달, 함수 () 호출.
사실이 작품은 세 매개 변수를 인정 :

• 성공 콜백;
• 실패 콜백;
• 옵션 :
  • enableHighAccuracy : true 또는 false가 정확하게 가장 높은 수준의 (attivamndo 예를 들어, GPS 장치)로 위치를 보낼 수있는 장치를 요청하는 것입니다;
  • 제한 : 위치 감지 (밀리초)을 기다리는 최대 기간;
  • maximumAge : 감지 nuvo 위치 추적을 수행할 수 있어야하는 이후 최대 연령;

여기 허용된 모든 세 개의 매개 변수와 getCurrentPosition ()를 사용의 예입니다 :

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback {enableHighAccuracy : 거짓});

 

• <<
• 1
• 2
• 3
• >>