HTML DOM 지리적 위치 좌표 속성-HTML 튜토리얼-php.cn

HTML DOM 지리적 위치 좌표 속성

WBOY

풀어 주다： 2023-09-06 20:05:07

앞으로

621명이 탐색했습니다.

HTML DOM 지리적 위치 좌표 속성은 지구상에서 사용자 장치의 위치와 고도를 얻는 데 사용됩니다. 사용자는 이 속성이 작동하도록 제공하려는 좌표를 승인해야 합니다. 이는 사용자의 개인정보가 침해되지 않도록 하기 위해 수행됩니다. 이를 통해 다양한 장치의 위치를 추적할 수 있습니다.

Properties

다음은 좌표 속성입니다. -

Note - 이 속성은 모두 읽기 전용이며 반환 유형이 double입니다.

SyntaxExampleGeoLocation 좌표 속성의 예를 살펴보겠습니다. - Output 좌표 버튼을 클릭하고 '허용'을 클릭하면 위치 파악 팝업을 클릭합니다. " -

Sr.No th>	속성 및 설명
1	coordinates.latitude 장치 위치의 위도를 십진수 단위로 반환합니다. ㅋㅋㅋ , 상대적 해수면. 장치에 GPS가 없으면 null을 반환할 수 있습니다.
4	좌표. 정확도 위도 및 경도 속성의 정확도(미터 단위)를 반환합니다.
5	coordinates.altitudeAccuracy 고도 속성의 정확도(미터 단위)를 반환합니다.
6	cocos.heading 은 장치가 이동하는 방향을 반환합니다. 이 값(도)은 정북 방향으로부터 장치의 거리를 나타냅니다. 0도는 진북을 나타내고 방향은 시계방향(동쪽은 90도, 서쪽은 270도)으로 결정됩니다. 속도가 0이면 방향은 NaN입니다. 장치가 방향 정보를 제공할 수 없는 경우 값은 null입니다.
7	coordinates.speed 초당 미터 단위로 장치의 속도를 반환합니다. 값은 null일 수 있습니다.
	다음은 GeoLocation 좌표 속성의 구문입니다. - coordinates.property 로그인 후 복사 "속성"은 표에서 위에 언급된 속성 중 하나일 수 있습니다.
<!DOCTYPE html> <html> <body> <h1>Geolocation coordinates property</h1> <p>Get you coordinates by clicking the below button</p> <button onclick="getCoords()">COORDINATES</button> <p id="Sample">Your coordinates are:</p> <script> var p = document.getElementById("Sample"); function getCoords() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showCoords); } else { p.innerHTML ="This browser doesn't support geolocation."; } } function showCoords(position) { p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy; } </script> </body> </html> 로그인 후 복사	이 결과는 다음과 같습니다. -

위의 예에서 -

먼저 사용자가 클릭할 때 getCoords() 메소드를 실행하는 COORDINATES 버튼을 만들었습니다. -

<button onclick="getCoords()">COORDINATES</button>

로그인 후 복사

getCoords() 함수는 네비게이터 객체 Geolocation 속성을 가져옵니다. 브라우저는 위치정보를 지원합니다. 브라우저가 위치정보를 지원하는 경우 Geolocation 객체를 반환합니다. 네비게이터의 geolocation 속성의 getCurrentPosition() 메서드를 사용하면 장치의 현재 위치를 가져올 수 있습니다. getCurrentPosition() 메서드는 JavaScript의 모든 함수가 객체이기 때문에 함수 객체를 인수로 받아들이는 콜백 함수입니다.

여기서 showCoords() 메서드를 전달합니다. showCoords() 메서드는 위치 인터페이스를 매개변수로 사용하고 이를 사용하여 ID가 "Sample"인 단락 내에서 경도, 위도 및 정밀도를 표시합니다. 단락 innerHTML 속성을 사용하여 텍스트를 추가합니다 -

function getCoords() {
   if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showCoords);
   } else {
      p.innerHTML ="This browser doesn&#39;t support geolocation.";
   }
}
function showCoords(position) {
   p.innerHTML = "Longitude:" + position.coords.longitude + "<br>Latitude: " + position.coords.latitude+"<br>Accuracy: "+ position.coords.accuracy;
}

로그인 후 복사

위 내용은 HTML DOM 지리적 위치 좌표 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!