aug 02, 2019
admin
0
148

html5 geolocation 예제

지금까지 사용한 모든 예제는 getCurrentPosition() 메서드에 의존했습니다. 그러나 지리적 위치 객체에는 위치가 변경될 때 업데이트된 위치를 반환하여 방문자의 움직임을 추적할 수 있는 다른 메서드 watchPosition()가 있습니다. 지리적 위치 기능에 대한 HTML5 브라우저 지원을 테스트한 후 navigator.geolocation 메서드를 사용할 준비가 된 것입니다. navigator.geolocation 객체getCurrentPosition 방법을 사용하여 웹 사용자의 현재 위치를 표시하는 것으로 충분합니다. 다음은 현재 위치를 표시하는 지리적 위치의 간단한 예입니다. 하지만, 먼저 브라우저가 당신의 위치에 대해 웹 서버에 알려 동의해야합니다. 많은 경우에, 사용자 위치를 얻는 것은 더 나은 사용자 경험을 설정하는 데 매우 유용 할 것이다, 예를 들어: 샘플 위치 인식 브라우징 응용 프로그램에 HTML5 지리적 위치 예제 코드 출력 지리적 위치 객체는 허용하는 서비스 객체입니다 을 사용하여 장치의 지리적 위치에 대한 정보를 검색할 수 있습니다. 참고: 방문자가 명시적 권한을 부여하지 않는 한 브라우저는 방문자 위치를 웹 페이지와 공유하지 않습니다. 지리적 위치 표준은 위치 데이터를 원하는 모든 웹 사이트에 대한 사용자 권한을 얻기 위해 공식 규칙을 만든다. 이제 사용자의 위치를 요청하고 표시할 차례입니다. html5 지리적 위치 API를 구현하기 위해 외부 추가 라이브러리를 연결할 필요가 없습니다.

위의 예는 단순히 정적 이미지를 사용하여 Google지도의 위치를 표시합니다. 그러나 드래그, 확대/축소 및 실제 생활에서 우연히 만난 기타 기능을 사용하여 대화형 Google 맵을 만들 수도 있습니다. 참고: Firefox 24 및 이전 버전에서는 API를 사용하지 않도록 설정한 경우에도 네비게이터의 ”지리적 위치”가 항상 true로 반환되었습니다. 이 사양을 준수 하기 위해 파이어 폭스 (25)로 수정 되었습니다.(버그 884921). 웹 사용자는 웹 페이지가 사용자의 현재 위치를 얻거나 웹 사이트에 지리적 위치 정보를 제공하는 것을 거부할 수 있도록 자유롭게 할 수 있으며 글로벌 네비게이터 객체의 지리적 위치 속성은 지리적 위치 API에 대한 브라우저 지원을 검색하는 데 도움이 된다. 아래 예제에서는 watchPosition() 메서드를 보여 주며 있습니다. 당신은 이것을 테스트하는 정확한 GPS 장치가 필요합니다 (스마트 폰 등): 이제 우리는 웹 앱에 html5 지리적 위치를 추가하는 방법을 알고 있습니다. HTML5 지리적 위치 서비스는 사용자 개인 정보를 보장하면서 통합 된 접근 방식을 사용하여 사용자 지리적 위치 데이터를 얻을 수있는 간단하지만 편리한 방법입니다. HTML5 지리적 위치 API를 사용하여 내 위치를 공유하거나 먼저 우리가 아래에 설명된 모든 방법을 사용하기 위해 navigator.geolocation 모듈을 연결해야합니다. 통합 된 지리적 위치 기능을 사용하여 웹 앱을 구축하려면지도 및 지오 태그를 표시하고 경로를 계산하고 그릴 수있는 도구를 선택해야합니다. Google지도는 개발자에게 필요한 기능, API, 매뉴얼 및 예제를 갖춘 최고의 서비스 중 하나이기 때문에 Google지도를 사용할 것입니다.

아래 예에서, 반환 된 위도와 경도는 구글지도에서 위치를 표시하는 데 사용됩니다 (정적 이미지를 사용하여): 그들 중 많은 사람들이 GSM / WIFI / GPS 모듈이있을 때 가젯의 시대에 그것은 중요하고 보안 인터페이스의 종류를 설계하는 데 필요한되었다 웹 응용 프로그램이 클라이언트 측의 사용자 위치를 정의할 수 있습니다. W3C는이 작업에 대한 지리적 위치 작업 그룹을 만들고 해결책을 발견했다! 이것은 모든 현대 웹 브라우저 (심지어 IE!)에 의해 지원되는 html5 지리적 위치 서비스입니다! 그것은 몇 가지 예에서 위에서 언급 한 모든 구현 하는 시간. 약속대로 우리는 현재 위치와 미리 정의 된 지점 사이의 가장 짧은 경로를 계산하는 html5 지리적 위치와 사용자 정의 웹 응용 프로그램을 만들 것입니다. 오류를 인식하고 예외를 처리하고 표시하면 더 좋습니다.

POST CATEGORIES

Okategoriserade