HTML |导航器地理位置属性

Navigator geolocation属性用于通过浏览器返回一个 geolocation 对象，该对象可用于定位用户的位置。
它是一个只读属性，只有在用户批准后才可用，因为它会损害用户的隐私。
句法：

navigator.geolocation

下面的程序说明了导航器地理定位属性：
检查用户的地理位置。

html

 

    Navigator geolocation Property in HTML
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    GeeksforGeeks
    Navigator geolocation Property
 
     
For checking your coordinates,
      double click the "Get Coordinates" button : 
 
 
    Get Coordinates
 
    
 
 
    
        var x = document.getElementById("loc");
 
        function getCoordinates() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showcoordinates);
            } else {
                x.innerHTML = "The browser doesn't support Geolocation.";
            }
        }
 
        function showcoordinates(myposition) {
            x.innerHTML = "Your Latitude is: " + myposition.coords.latitude +
                "<br>Your Longitude is: " + myposition.coords.longitude;
        }
    
 

 

输出：

点击按钮后

支持的浏览器： Navigator geolocation支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器