Thuộc tính coordinates của đối tượng Geolocation cung cấp thông tin vị trí địa lý của thiết bị: vĩ độ, kinh độ, độ cao, độ chính xác, hướng di chuyển và tốc độ. Trình duyệt sẽ yêu cầu người dùng cho phép truy cập vị trí trước khi trả về dữ liệu.
Các thuộc tính con (read-only)
| Thuộc tính | Mô tả |
|---|---|
| coordinates.latitude | Vĩ độ thiết bị (độ thập phân). |
| coordinates.longitude | Kinh độ thiết bị (độ thập phân). |
| coordinates.altitude | Độ cao so với mực nước biển (mét), có thể null nếu không có GPS. |
| coordinates.accuracy | Độ chính xác của vĩ/kinh độ (mét). |
| coordinates.altitudeAccuracy | Độ chính xác của độ cao (mét). |
| coordinates.heading | Hướng di chuyển (độ, 0 = Bắc, 90 = Đông). NaN nếu tốc độ = 0, null nếu không hỗ trợ. |
| coordinates.speed | Tốc độ di chuyển (m/s), có thể null. |
Cú pháp
coordinates.property
Trong đó property là một trong các thuộc tính liệt kê trên.
Ví dụ
Lấy tọa độ người dùng:
<!DOCTYPE html> <html> <body>
<h1>Geolocation coordinates</h1>
<p>Nhấn nút để lấy tọa độ của bạn</p>
<button onclick="getCoords()">LẤY TỌA ĐỘ</button>
<p id="Sample">Tọa độ của bạn:</p>
<script>
var p = document.getElementById("Sample");
function getCoords() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showCoords);
} else {
p.innerHTML = "Trình duyệt không hỗ trợ Geolocation.";
}
}
function showCoords(position) {
p.innerHTML = "Kinh độ: " + position.coords.longitude + "<br>Vĩ độ: " + position.coords.latitude + "<br>Độ chính xác: " + position.coords.accuracy;
}
</script> </body> </html>
Kết quả
Giao diện yêu cầu quyền truy cập vị trí:
Sau khi cho phép, hiển thị kinh độ, vĩ độ, độ chính xác:
Giải thích
Hàm getCoords() kiểm tra navigator.geolocation. Nếu hỗ trợ, gọi getCurrentPosition() với callback showCoords(). Hàm callback nhận đối tượng position chứa coords và hiển thị thông tin.