HTML获取经纬度

最新推荐文章于 2024-05-21 17:04:51 发布

007_rbq

最新推荐文章于 2024-05-21 17:04:51 发布

阅读量1k

点赞数

分类专栏： HTML 文章标签： HTML

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>currentaddress</title>
</head>
<body>
    <p id="demo">获取当前位置</p>
    <button onclick="getLocation()">定位当前位置</button>
    <script>
    var x = document.getElementById("demo");
    function getLocation() {
        if (navigator.geolocation) {
            navigator.geolocation.watchPosition(showPosition)
			<!-- 通过HTML5的watchPosition()方法，不仅可以返回用户的当前位置，而且可以继续返回用户移动时的更新位置，从而实现类似GPS定位系统一样的功能。 -->
        }
        else {
            x.innerHTML="该浏览器不支持获取地理位置。"
        }

    }
    function showPosition(position) {
        x.innerHTML = "纬度为：" + position.coords.latitude + "    经度为：  " + position.coords.longitude;
    }
    </script>
</body>
</html>

007_rbq

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
HTML获取经纬度

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>currentaddress</title></head><body...
复制链接

扫一扫

专栏目录