> 웹 프론트엔드 > H5 튜토리얼 > HTML5를 사용하여 지리적 위치를 얻는 방법

HTML5를 사용하여 지리적 위치를 얻는 방법

坏嘻嘻
풀어 주다: 2018-09-26 11:50:20
원래의
3787명이 탐색했습니다.

현재 대부분의 모바일 단말기에는 GPS 위치 확인 기능이 있는데, 한편으로는 기지국을 사용하여 위치를 파악할 수 있고, 다른 한편으로는 GPS 칩을 사용하여 정밀한 위치 확인이 가능합니다. 프론트 엔드 개발 과정에서 사용자의 동의를 받아 지리적 위치를 어떻게 공유합니까? 위치 없이 정확한 위치 정보를 얻는 방법은 무엇입니까? 이 글은 HTML5를 사용하여 지리적 위치를 얻는 방법을 보여줍니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

지리적 위치 획득의 원칙

대부분의 기기에서는 사용자가 지리적 위치를 공유해야 합니다. 위치 권한, 그렇다면 장치는 지리적 위치를 어떻게 식별합니까? 대략 두 가지 방법이 있습니다:

  1. 휴대 단말기의 IP 주소(WiFi, CDMA 등 포함)를 통한 위치 확인.

  2. 위성 측위를 통해 위도 및 경도 정보를 얻는 GPS 장치입니다.

먼저 권한 신청을 위한 호출 기능을 설정한 다음 콜백 기능을 사용하여 지리적 위치 정보를 가져오고 마지막으로 오류를 수행해야 합니다- 출력 결과에 대한 허용 처리.

지리적 위치를 얻는 단계

1단계: 위치 함수 호출# 🎜🎜 #

function get_location() {
  navigator.geolocation.getCurrentPosition(show_map, handle_error, PositionOptions);
}
로그인 후 복사

2단계: 지리적 위치 가져오기

function show_map(position) {
  var latitude = position.coords.latitude;//获取纬度
  var longitude = position.coords.longitude;//获取经度
}
로그인 후 복사

이 콜백 함수는 위치 개체를 전달해야 합니다. , 위치 정보를 얻는 것입니다. 위치 속성은 그림과 같습니다


HTML5를 사용하여 지리적 위치를 얻는 방법

3단계: 내결함성 처리 중#🎜🎜 #

function handle_error(err) {
  switch(err.code)  {
    case err.PERMISSION_DENIED:
      break;
    case err.POSITION_UNAVAILABLE:
      break;
    case err.TIMEOUT:
      break;
    case err.UNKNOWN_ERROR:
      break;
  }
}
로그인 후 복사

여기에 네 가지 오류 조건이 나열되어 있습니다


    사용자가 지리적 위치를 묻습니다.
  1. 위치정보가 제공되지 않습니다.
  2. 위치정보 요청 시간이 초과되었습니다.
  3. 알 수 없는 오류입니다.

위 내용은 HTML5를 사용하여 지리적 위치를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿