H5地理位置信息

最新推荐文章于 2024-04-24 16:21:32 发布

最帅扫地僧

最新推荐文章于 2024-04-24 16:21:32 发布

阅读量253

点赞数

分类专栏： html 文章标签： html5

本文链接：https://blog.csdn.net/weixin_42259266/article/details/104860559

版权

html 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

地理信息

定位用户的位置，使用HTML5 Geolocation API用于获得用户的位置
但是必须要获取用户的同意，否则不行
主要使用navigator.geolocation.getCurrentPosition(success, error, options)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            const {longitude,latitude,accuracy,altitude,altitudeAccuracy,heading,speed} = position.coords
            // 参数分析
            // longitude 经度
            // latitude 纬度
            // accuracy 准确度
            // altitude 海拔
            // altitudeAccuracy 海拔准确度
            // heading 行进方向
            // speed 地面速度
            // position.timestamp 请求的时间
            console.log(position)
        }, function (error) {
            // error.code
            // 0: 不包括其它错误编号中的错误
            // 1: 用户拒绝获取位置信息
            // 2: 尝试获取用户信息，但是失败了
            // 3: 设置了timeout，获取位置超时了
            alert(error.message)
        }, {
            enableHighAccuracy: false, // 位置是否精确获取
            timeout: 8000, // 获取位置允许的最长时间，默认为infinity
            maximumAge: 1000 // 多久更新获取一次位置，位置可以缓存的最大时间，默认为0
        })
    } else {
        alert("你的浏览器不支持Geolocation，建议升级")
    }
</script>
</body>
</html>