API vị trí địa lý HTML5 cho phép bạn chia sẻ vị trí của mình với các trang web yêu thích của bạn. JavaScript có thể nắm bắt được vĩ độ và kinh độ của bạn và có thể được gửi đến máy chủ web phụ trợ và thực hiện những việc quan tâm đến vị trí như tìm các doanh nghiệp địa phương hoặc hiển thị vị trí của bạn trên bản đồ.
Các API định vị địa lý hoạt động với một thuộc tính mới của đối tượng điều hướng toàn cầu, tức là. Đối tượng định vị địa lý.
Phương thức getCurrentPosition truy xuất vị trí địa lý hiện tại của thiết bị. Vị trí được biểu thị dưới dạng một tập hợp các tọa độ địa lý cùng với thông tin về hướng và tốc độ. Thông tin vị trí được trả về đối tượng Vị trí.
Ví dụ
Bạn có thể thử chạy mã sau để tìm vị trí hiện tại:
<!DOCTYPE HTML>
<html>
<head>
<script type = "text/javascript">
function showLocation(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
alert("Latitude : " + latitude + " Longitude: " + longitude);
}
function errorHandler(err) {
if(err.code == 1) {
alert("Error: Access is denied!");
}
else if( err.code == 2) {
alert("Error: Position is unavailable!");
}
}
function getLocation(){
if(navigator.geolocation){
// timeout at 60000 milliseconds (60 seconds)
var options = {timeout:60000};
navigator.geolocation.getCurrentPosition(showLocation, errorHandler, options);
} else {
alert("Sorry, browser does not support geolocation!");
}
}
</script>
</head>
<body>
<form>
<input type = "button" onclick = "getLocation();" value = "Get Location"/>
</form>
</body>
</html>