Computer >> Máy Tính >  >> Lập trình >> HTML

Cách sử dụng API Vĩ độ / Kinh độ vị trí địa lý HTML5?


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ý.

Cách sử dụng API Vĩ độ / Kinh độ vị trí địa lý HTML5?

Ví dụ

Bạn có thể thử chạy mã sau để tìm vị trí hiện tại bằng cách sử dụng API vị trí địa lý, với các tọa độ Vĩ độ và Kinh độ

<!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>