Question

我已编写以下代码来访问我的位置，但此代码未显示我当前的位置。

我需要做出哪些改变。因为我是初学者而且我不太了解。

提前谢谢。

<body>
    <a href="#" id="get_location">Get location</a>
    <div id="map">
        <iframe id="google_map" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in?output=embed"></iframe> 
    </div>
    <script>
        var c= function(pos)
        {
            var lat= pos.coords.latitude, long= pos.coords.longitude, coords= lat + ',' + long;
            document.getElementById('google_map').setAttribute('src','https://maps.google.co.in/?q=' + coords + '&z=60&output=embed');
        }
        document.getElementById('get_loaction').onclick = function()
        {   
            navigator.geolocation.getCurrentPosition(c);
            return false;
        }
    </script>
</body>

Answer 1

首先，您需要检查浏览器是否支持Geolocation：

// check for Geolocation support
if (navigator.geolocation) {
   console.log('Geolocation is supported!');
     navigator.geolocation.getCurrentPosition(function(position) {

        // Get the coordinates of the current possition.
        // here u got your location Latitude & Longitude
        var lat = position.coords.latitude;
        var lng = position.coords.longitude;
     }
}
else {
   console.log('Geolocation is not supported for this Browser/OS.');
}

这里有一个很好的例子：https://jsfiddle.net/ubrvm4ao/672/

无法使用简单的HTML代码访问当前位置

1 个答案: