HTML Geolocation getCurrentPosition() 方法

在本文中，我们将通过示例了解HTML Geolocation getCurrentPosition() 方法、各种参数及其实现。 HTML5 为我们提供了 Geolocation API，它帮助我们识别用户的地理位置。 Geolocation API 提供用户当前位置的经纬度，这些信息通过 JavaScript 进一步发送到后端，然后用户的当前位置会显示在网站上。

getCurrentPosition()方法用于获取用户的当前位置。

句法：

navigator.geolocation.getCurrentPosition(success, error, options);

参数值：

• success：数据采集成功后调用的函数 API 中的getCurrentPosition()方法。
• 错误：它 也是一个回调函数，返回位置的警告和错误消息。
• options：它可以帮助我们设置超时、enableHighAccuracy 和 maximumAge。

有关各种属性、方法及其实现的详细信息，请参阅HTML Geolocation文章。

示例：下面的示例通过检查用户的地理位置来说明Geolocation getCurrentPosition() 方法。

HTML

  

    Get Current Position

  

    Welcome To GFG
    
        click me
        
  
    
    
        var paraGraph = document.getElementById("paraGraph");
        var user_loc = navigator.geolocation;
      
        function geolocator() {
            if(user_loc) {
                user_loc.getCurrentPosition(success);
            } else {
                "Your browser doesn't support geolocation API";
            }
        }
      
        function success(data) {
            var lat = data.coords.latitude;
            var long = data.coords.longitude;
            paraGraph.innerHTML = "Latitude: " 
            + lat 
            + "<br>Longitude: " 
            + long;
        }
    

  

输出：

获取用户当前的地理位置。

示例 2：显示时间戳和准确性。

HTML

  

    Get Current Location

  

    Welcome To GFG
    
        click me
        
  
    
    
        var paraGraph = document.getElementById("paraGraph");
        var user_loc = navigator.geolocation;
      
        function geolocator() {
            if(user_loc) {
                user_loc.getCurrentPosition(success);
            } else {
                "Your browser doesn't support geolocation API";
            }
        }
      
        function success(data) {
            var accu = data.coords.accuracy;
            var tmstmp = data.timestamp;
            paraGraph.innerHTML = "Accuracy: " 
            + accu 
            + "<br>Time Stamp: " 
            + tmstmp;
        }
    

  

输出：

获取用户的时间戳和准确性

支持的浏览器：

• 谷歌浏览器 5.0
• 微软边缘 12.0
• 互联网浏览器 9.0
• 火狐 3.5
• 歌剧 10.6
• 野生动物园 5.0