>  기사  >  웹 프론트엔드  >  HTML5-Geolocation API용 샘플 코드

HTML5-Geolocation API용 샘플 코드

黄舟
黄舟원래의
2017-04-01 11:42:451646검색

1.navigator.geolocation
HTML5에서 지리적 위치와 관련된 주요 객체는 navigator.geolocation이며, 여기에는 몇 가지 메소드와 속성이 있습니다. HTML5 위치정보에 대한 브라우저 지원을 감지하면 이 객체도 감지됩니다.

2.getCurrentPosition, watchPosition 및 clearWatch 메소드
이는 위치정보의 두 가지 핵심 메소드입니다. 첫 번째 방법은 지리적 위치 정보만 가져오고, 후자는 특정 시간 간격으로 지리적 위치 정보를 가져옵니다. 해당 매개변수는 동일하지만 반환 값이 다릅니다. watchId를 반환합니다. ClearWatch 메소드에 대한 매개변수는 위치 정보 요청을 종료할 수 있습니다.
getCurrentPosition은

void getCurrentPosition(in PositionC
all
back successCallback, 
                           in optional PositionErrorCallback errorCallback, 
                           in optional PositionOptions options);

형식입니다. 첫 번째 매개변수는 함수 로, 일반적으로 성공적으로 수신된 지리적 위치 정보를 처리하는 데 사용됩니다. 매개변수로 수신된 지리적 위치 정보를 제공합니다.
두 번째 매개변수는 선택사항으로 오류 처리를 위한 함수입니다. 이 함수는 일반적으로 오류 개체를 매개변수로 받으며, error에는 오류 정보가 포함됩니다.
세 번째 매개변수는 지리적 위치 정보를 추가로 제어하는 ​​데 사용되며 선택 사항이기도 합니다. 일반적으로 중괄호로 묶여 있으며 일반적으로 세 가지 값을 갖습니다.
enableHighAccuracy: 정확도를 제어하는 ​​데 사용되며 그 효과에는 부작용이 있을 수 있습니다.
timeout: 지리적 위치 정보 요청에 대한 시간 제한을 밀리초 단위로 지정하는 데 사용됩니다.
MaximumAge: 지리적 위치 정보의 업데이트 빈도를 밀리초 단위로 지정하는 데 사용됩니다.

예는 다음과 같습니다.

navigator.geolocation.getCurrentPosition(up
date
Location,han
dl
eLocationError, 
                                         {timeout:10000});

3.psition 객체
다음과 같이 정의됩니다.

interface Position {
      readonly attribute Co
ord
inates coords;
      readonly attribute DOMTimeStamp timestamp;
   };

객체 좌표 및 속성 타임스탬프.
coords:는 다음과 같이 정의된 Coordinates 객체입니다.

   interface Coordinates {
         readonly attribute double latitude; //维度
         readonly attribute double lon
git
ude; //经度
         readonly attribute double? altitude; //高程(/m)
         readonly attribute double accuracy; //经度和维度的精确度(/m)
         readonly attribute double? altitudeAccuracy; //高程精确度(/m)
         readonly attribute double? 
head
ing; //移动方向(/deg)
         readonly attribute double? speed; //移动速度(/m/s)
      };

물음표가 있는 속성은 많은 브라우저와 장치에서 구현되지 않습니다. 이러한 속성이 없으면 프로그래밍을 통해 구현됩니다. 얻은 값은 null입니다.
위도, 경도, 정확도의 세 가지 속성은 각각 요청된 위도, 경도, 정밀도 정보를 제공하는 데 사용됩니다. 위도와 경도는 소수로 표현되며, 정밀도 단위는 미터입니다.

타임스탬프: 타임스탬프.

4.error 개체
오류 개체에는 오류 유형을 지정하는 데 사용되는 코드 속성이 있습니다. 코드는 열거형 유형으로 생각할 수 있습니다. 0(UNKNOWN_ERROR1, 1) (PERMISSION_DENIED), 2(POSITION_UNAVAILABLE) 및
3(TIMEOUT) 또한 error에는 오류 세부 정보를 제공하는 message 속성도 있습니다.

위 내용은 HTML5-Geolocation API용 샘플 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.