随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Compass Example</title>
<script type="text/javascript" charset="UTF-8" src="cordova.js"></script>
<script type="text/javascript" charset="UTF-8">
document.addEventListener("deviceready", onDeviceReady, false);
var watchID;
function onDeviceReady() {
var options={frequency:1000};
watchID=navigator.geolocation.watchPosition(onSuccess,onError,options);
}
//错误的回调
function onError(error) {
alert('code:'+error.code+'\n'+'message:'+error.message+'\n');
}
//成功的回调
function onSuccess(position) {
var element=document.getElementById('geolocation');
element.innerHTML='Latitude:'+position.coords.latitude+'<br />'+
'Longitude:'+position.coords.longitude+'<br />'+
'<hr />'+element.innerHTML;
}
//停止监测
function stopWatch(){
navigator.geolocation.clearWatch(watchID);
}
</script>
</head>
<body>
<button onclick="stopWatch();">Stop Watching</button>
<p id="geolocation">Watching geolocation...</p>
</body>
</html>