HTML5 geolocation index 实例 - W3CAPI 在线教程

源代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    
</head>
<body>
<p id="demo">点击这个按钮，获得您的坐标：</p>
<button onclick="getLocation()">试一下</button>
<script type="text/javascript">
    var x=document.getElementById("demo");
    function getLocation()  {
        if (navigator.geolocation)  {
            navigator.geolocation.getCurrentPosition(showPosition,showError);
        } else {
            x.innerHTML="您的浏览器不支持 Geolocation！";
        }
    }
    function showPosition(position)  {
        x.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude;
    }
    function showError(error)  {
        switch(error.code) {
            case error.PERMISSION_DENIED:
                x.innerHTML="用户不允许地理定位"
                break;
            case error.POSITION_UNAVAILABLE:
                x.innerHTML="无法获取当前位置"
                break;
            case error.TIMEOUT:
                x.innerHTML="获取位置超时"
                break;
            case error.UNKNOWN_ERROR:
                x.innerHTML="未知的错误"
                break;
        }
    }
</script>
</body>
</html>

运行结果

W3CAPI 实例工具箱