html5 gps 예제

위의 예는 오류 처리 없이 매우 기본적인 지리적 위치 스크립트입니다. 위의 예제에서는 위치를 가져올 때 do_something() 함수가 실행됩니다. Google 지도에 사용자 위치를 표시하는 등 지리적 위치 데이터로 매우 흥미로운 작업을 수행할 수 있습니다. 다음 예제에서는 HTML5 지리적 위치 기능을 통해 검색된 위도 및 경도 데이터를 기반으로 Google 지도에서 현재 위치를 표시합니다. 오류 및 거부 처리: 지리적 위치에서 생성된 오류를 처리하고 오류가 발생할 때 필요한 메시지를 표시하는 것이 매우 중요합니다. getCurrentPosition()와 같은 함수는 오류 처리기를 사용하여 생성된 오류를 처리합니다(위의 예제에서 사용되는 함수 errHand). Error handler에서 사용하는 PositionError 개체에는 함수가 오류를 효율적으로 처리할 수 있는 두 가지 속성이 있습니다. Google 지도의 위치(정적 이미지 사용): 여기에 있는 트립 미터는 초기 위치를 표시하고 페이지가 로드된 이후 이동한 거리의 표시를 유지 관리합니다. 아래 예제에서는 watchPosition() 메서드를 보여 주며 있습니다. 이 것을 테스트하려면 정확한 GPS 장치가 필요합니다(예: 스마트폰 등): 웹 개발자는 HTML5 지리적 위치 예제를 찾아 HTML5 및 자바스크립트 코드가 작동하도록 게시되어 있습니다.

다음은 현재 위치를 표시하는 지리적 위치의 간단한 예입니다. 하지만, 먼저 브라우저가 당신의 위치에 대해 웹 서버에 알려 동의해야합니다. 이 단계는 지리적 위치 API와 직접적인 관련이 없지만 데모를 반올림하고 위치 데이터를 사용하는 방법에 대한 예제를 제공합니다. watchPosition() 처리기에 추가 선을 추가하여 이동거리를 채웁니다: 기본적으로 getCurrentPosition()는 정확도가 낮은 결과로 가능한 한 빨리 대답하려고 합니다. 정확도에 관계없이 빠른 대답이 필요한 경우에 유용합니다. 예를 들어 GPS가 있는 장치는 GPS 수정을 얻기 위해 1분 이상 걸릴 수 있으므로 정확도가 떨어지는 데이터(IP 위치 또는 wifi)가 getCurrentPosition()로 반환될 수 있습니다. 위의 예는 단순히 정적 이미지를 사용하여 Google지도의 위치를 표시합니다. 그러나 드래그, 확대/축소 및 실제 생활에서 우연히 만난 기타 기능을 사용하여 대화형 Google 맵을 만들 수도 있습니다. HTML5 지리적 위치 기능을 사용하면 웹 사이트 방문자의 현재 위치의 지리적 좌표(위도 및 경도 번호)를 확인할 수 있습니다. 이 기능은 사이트 방문자에게 더 나은 브라우징 환경을 제공하는 데 유용합니다. 예를 들어 사용자의 위치에 물리적으로 가까운 검색 결과를 반환할 수 있습니다. 아래 예제는 사용자 위치의 위도와 경도를 반환합니다: 샘플 위치 인식 브라우징 응용 프로그램에서 HTML5 지리적 위치 예제 코드 출력 getCurrentPosition() 메서드를 호출할 때, 우리는 처리 할 자바 스크립트 함수를 정의합니다.

위치 데이터(위도 및 경도 좌표)를 getCurrentPosition() 메서드에 대한 입력 매개변수로 사용합니다.