如何在html页面确定位置,HTML5 监听当前位置

监听当前位置

table {border-collapse: collapse;}

th, td {padding: 4px;}

th {text-align:right;}

.table-container

{

width: 100%;

overflow-y: auto;

_overflow: auto;

margin: 0 0 1em;

}

table{border:0; border-collapse:collapse;}

table td,table th{border:1px solid #999; padding:.5em 1em}

//添加IOS下滚动条

.table-container::-webkit-scrollbar

{

-webkit-appearance: none;

width: 14px;

height: 14px;

}

.table-container::-webkit-scrollbar-thumb

{

border-radius: 8px;

border: 3px solid #fff;

background-color: rgba(0, 0, 0, .3);

}

经度:	-
纬度:	-
海拔:	-
坐标精度:	-
海拔精度:	-
行进方向:	-
行进速度:	-
时间戳:	-
错误码:	-
错误信息:	-

停止监听

var options = {

enableHighAccuracy: true,

timeout: 2000,

maximumAge: 30000

};

var watchID = navigator.geolocation.watchPosition(displayPosition, handleError, options);

document.getElementById("pressme").onclick = function(e) {

navigator.geolocation.clearWatch(watchID);

};

function displayPosition(pos) {

var properties = ["longitude", "latitude", "altitude", "accuracy", "altitudeAccuracy", "heading", "speed"];

for (var i =0; i< properties.length; i++) {

var value = pos.coords[properties[i]];

document.getElementById(properties[i]).innerHTML = value;

}

document.getElementById("timestamp").innerHTML = pos.timestamp;

}

function handleError(err) {

document.getElementById("errcode").innerHTML = err.code;

switch(err.code) {

case 1:

document.getElementById("errmessage").innerHTML = "用户末授权使用地理定位功能";

break;

case 2:

document.getElementById("errmessage").innerHTML = "不能确定位置";

break;

case 3:

document.getElementById("errmessage").innerHTML = "请求位置的尝试已超时";

break;

}

//document.getElementById("errcode").innerHTML = err.code;

//document.getElementById("errmessage").innerHTML = err.message;

}