js获取当前位置

最新推荐文章于 2024-07-23 15:23:17 发布

yuehui177

最新推荐文章于 2024-07-23 15:23:17 发布

阅读量1.6k

点赞数

js写的获取当前位置(ps:IE和搜狗支持,别的不一定)
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body id="text">
<input type="button" id="input1" value="获取"/>

<script>
    input1.οnclick=function(){

        //单次获取位置
        /*navigator.geolocation.getCurrentPosition(function(position){
            var str="";
            str+="当前经度是:"+position.coords.longitude+
                    ";<br/>当前纬度是:"+position.coords.latitude+
                    ";<br/>当前海拔是:"+position.coords.altitude+
                    ";<br/>当前准确度是:"+position.coords.accuracy+
                    ";<br/>当前海拔准确度是"+position.coords.altitudeAccuracy+
                    ";<br/>当前行进方向是:"+position.coords.heading+
                    ";<br/>当前速度是:"+position.coords.speed+
                    "<br/><hr size='1'>";

            var div1=document.createElement("div");
            div1.innerHTML=str;
            text.insertBefore(div1,text.firstChild);
        },function(err){

        },{

        });*/
        //单次获取位置完

        //多次获取位置
        navigator.geolocation.watchPosition(function(position){
            var str="";
            str+="当前经度是:"+position.coords.longitude+
                    ";<br/>当前纬度是:"+position.coords.latitude+
                    ";<br/>当前海拔是:"+position.coords.altitude+
                    ";<br/>当前准确度是:"+position.coords.accuracy+
                    ";<br/>当前海拔准确度是"+position.coords.altitudeAccuracy+
                    ";<br/>当前行进方向是:"+position.coords.heading+
                    ";<br/>当前速度是:"+position.coords.speed+
                    "<br/><hr size='1'>";

            var div1=document.createElement("div");
            div1.innerHTML=str;
            text.insertBefore(div1,text.firstChild);
        },function(err){
            alert(err.code);
        },{
                timeout:5
        });
        //多次获取位置完
    }

</script>
</body>
</html>