HTML DOM 지리적 위치 좌표 속성
- WBOY앞으로
- 2023-09-06 20:05:07616검색
HTML DOM 지리적 위치 좌표 속성은 지구상에서 사용자 장치의 위치와 고도를 얻는 데 사용됩니다. 사용자는 이 속성이 작동하도록 제공하려는 좌표를 승인해야 합니다. 이는 사용자의 개인정보가 침해되지 않도록 하기 위해 수행됩니다. 이를 통해 다양한 장치의 위치를 추적할 수 있습니다.
Properties
다음은 좌표 속성입니다. -
Note - 이 속성은 모두 읽기 전용이며 반환 유형이 double입니다.
| 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일 수 있습니다. |
| Syntax |
다음은 GeoLocation 좌표 속성의 구문입니다. -coordinates.property"속성"은 표에서 위에 언급된 속성 중 하나일 수 있습니다. | Example
<!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> | Output이 결과는 다음과 같습니다. - |
위의 예에서 -
먼저 사용자가 클릭할 때 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'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 중국어 웹사이트의 기타 관련 기사를 참조하세요!