Phương thức getCurrentPosition()/API trong HTML5

Miêu tả

Phương thức getCurrentPosition thu nhận vị trí địa lý hiện tại của thiết bị. Vị trí này được biểu diễn như là một tập hợp các tọa độ địa lý cùng với thông tin về Heading và tốc độ. Thông tin vị trí này được trả về trong một đối tượng Position.

Cú pháp

Sau đây là cú pháp của phương thức này:

getCurrentPosition(showLocation, ErrorHandler, options);

Các tham số

Dưới đây miêu tả chi tiết các tham số:

showLocation : Nó xác định phương thức callback mà thu nhận thông tin vị trí. Phương thức này được gọi không đồng bộ với một đối tượng tương ứng với đối tượng Position mà lưu thông tin vị trí được trả về.
ErrorHandler : tham số tùy ý này xác định phương thức callback mà được gọi khi một lỗi xảy ra trong khi xử lý việc gọi không đồng bộ. Phương thức này được gọi với đối tượng PositionError mà lưu thông tin lỗi được trả về.
options : tham số tùy ý này xác định tập hợp các tùy chọn để thu nhận thông tin vị trí. Bạn có thể xác định: (a) Sự chính xác của thông tin vị trí trả về (b) Timeout cho việc thu nhận thông tin vị trí và (c) Sử dụng thông tin vị trí đã bắt được.

Trả về giá trị

Phương thức getCurrentPosition không trả về một giá trị nào.

Quảng cáo

Ví dụ

<!DOCTYPE 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>
	
   <html>
      <body>
         <form>
            <input type="button" onclick="getLocation();" value="Get Location"/>
         </form>
      </body>
   </html>

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học HTML5 phổ biến khác tại vietjack.com: