HTML | DOM 地理位置位置属性

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

返回值：

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

用法： getCurrentPosition() 或 watchPosition() 等方法用于将回调传递给函数，然后访问位置属性。

例子：

  

    DOM Geolocation position Property

  

    
        GeeksforGeeks
    
      
    
        DOM Geolocation position Property
    
      
    
        Click the button to get your position.
    
      
    
        Get Location
    
      
    
  
    
        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;
        }
    

  
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Geolocation position属性支持的浏览器如下：

• 谷歌浏览器 5.0
• 浏览器 9.0
• 火狐 3.5
• 歌剧 16.0
• Safari 5.0