Geolocation은 HTML5의 중요한 기능 중 하나이며,이 기능을 사용하여 위치 정보의 적용을 개발할 수 있습니다. 오늘날이 기사는 HTML5의 지리적 위치 지정의 기본 원리와 각 브라우저의 데이터 정확도를 소개합니다.
위치 정보에 액세스하기 전에 브라우저는 Chrome 브라우저가 웹 사이트와 위치를 공유 할 수 있도록 위치 정보를 공유하는지 사용자에게 묻습니다. Google 위치 서비스. 귀하가 위치한 것으로 추정됩니다. 그런 다음 브라우저는 귀하의 위치를 귀하의 위치를 요청하는 웹 사이트와 함께 귀하의 위치를 공유합니다.
html5geolocation API는 매우 간단합니다.
if (if (navigator.geolocation) {navigator.geology.getCurrentPosition (local y : true, // 지리적 위치의 시간 초과를 지정하면 기본값이 제한되지 않으며 장치는 밀리 초 : 5000, // 최대 유효 기간입니다. 지리적 위치가 반복되면이 매개 변수를 얼마나 오래 얻습니까?LocationError는 위치 정보 실패를 얻기위한 콜백 함수이며 오류 유형에 따라 프롬프트 할 수 있습니다.
LocationError : function (error.code) {case error.timeout (시간 초과! Agin을 시도하십시오!); CASE ERROUR.PERMITER_DERORERLocationSuccess는 위치 정보의 성공적인 위치 정보에 대한 복구 기능으로 위도 및 경도와 같은 정보가 포함되어 있으며 Google Map API와 결합하여 다음과 같이 현재 사용자의 위치 정보를 표시합니다.
locationSuccess : 함수 (위치) {var coords = varlng = new Google.maps.latlng (// dimension coords, accuracy coords.longitude); / 맵의 중심은 지정된 좌표 구두점으로 설정되어 있습니다. latlng, // 맵 유형 mapid : google.maps.maptypeid.roadmap}; Map (getElementById (map), 근시); // 마커 생성 varmarker = new Google.maps.marker (// 지정된 위도 및 경도 좌표 위치에 레이블링을위한 지정된지도 : mymap} ) / /라벨링 창 Var infowindow = {컨텐츠 :+ coords.latital+ <br/> , 마커);}테스트 후 Chrome/Firefox/Safari/Opera의 4 개의 브라우저가 동일한 위치 서비스가 사용되는 것으로 추정됩니다.
IE 브라우저의 데이터는 위의 브라우저에서 얻은 데이터와 다릅니다.
위치 서비스에는 위치의 로컬 네트워크 정보에는 WiFi 액세스 포인트에 대한 정보 (신호 강도 포함), 로컬 라우터에 대한 정보 및 컴퓨터 IP 주소에 대한 정보가 포함 된 것으로 추정됩니다. 위치 서비스의 정확성과 적용 범위는 위치에 따라 다릅니다.
일반적으로 PC 브라우저에서 HTML5의 지리적 위치 기능의 위치는이 HTML5 기능을 사용하여 도시 일기 예보를 만들면 충분하지 않지만 맵 응용 프로그램 인 경우 오류입니다. 여전히 너무 큰 본질입니다 그러나 모바일 장치의 HTML5 응용 프로그램 인 경우 enablehighacuracy 매개 변수를 True로 설정하고 장치의 GPS 위치를 호출하여 고급 지리적 정보를 얻을 수 있습니다.