html-geolocation

by slacr_

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="getLocation()">点击获取位置信息</button>
    <output id="geo"></output>
</body>
<script>
    var geo = document.getElementById("geo")
    function getLocation() {
        if (navigator.geolocation)
            navigator.geolocation.getCurrentPosition(showPositon)
        else
            geo.innerHTML = "此浏览器不支持获取位置信息"
    }
    function showPositon(position) {
        geo.innerHTML = "<br/>纬度:" + position.coords.latitude + "<br/>经度:" + position.coords.longitude
    }
</script>

</html>