HTML Geolocation position用法及代码示例

HTML DOM中的Geolocation position属性用于返回设备在地球上的位置。返回的Coordinates对象可以用于各种目的，包括导航和跟踪设备的位置。

返回值：

position.coords：具有当前位置的所有信息的坐标对象。
position.timestamp：它表示DOMTimeStamp，它表示获取位置的时间。

用法：getCurrentPosition()或watchPosition()之类的方法用于将回调传递给函数，然后访问position属性。

例：

<!DOCTYPE html> 
<html> 
  
<title> 
    DOM Geolocation position Property 
</title> 
  
<body> 
    <h1 style = "color:green"> 
        GeeksforGeeks 
    </h1> 
      
    <b> 
        DOM Geolocation position Property 
    </b> 
      
    <p> 
        Click the button to get your position. 
    </p> 
      
    <button onclick = "getLocation()"> 
        Get Location 
    </button> 
      
    <p class = "location"></p> 
  
    <script> 
        let x = document.querySelector('.location'); 
      
        function getLocation() { 
      
            /* Check if location support is available */ 
            if (navigator.geolocation) { 
      
                /* Callback to the showPosition function */ 
                navigator.geolocation.getCurrentPosition(showPosition); 
            } else {  
                x.innerHTML = "Geolocation is not supported."; 
            } 
        } 
      
        function showPosition(position) { 
            x.innerHTML = "Latitude:" +  
              
            /* Get the latitude from the Coordinates object */ 
            position.coords.latitude +  
      
            "<br>Longitude:" +  
      
            /* Get the longitude from the Coordinates object */ 
            position.coords.longitude + 
              
            "<br>Timestamp:" + 
              
            /* Get the timestamp of the location obtained */ 
            position.timestamp; 
        } 
    </script> 
</body> 
  
</html>

输出：
之前单击按钮：
before-button
单击按钮后：
after-button

支持的浏览器：下面列出了DOM Geolocation position属性支持的浏览器：

谷歌浏览器5.0
Internet Explorer 9.0
Firefox 3.5
Opera 16.0
Safari 5.0

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 HTML | DOM Geolocation position Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。