随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(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);
function onDeviceReady() {
startWatch();
}
var watchID;
//显示自定义的警告
function startWatch() {
var options={frequency:2000};
watchID=navigator.compass.watchHeading(onSuccess, onError,options);
}
//停止监事罗盘
function stopWatch(){
if(watchID){
navigator.compass.clearWatch(watchID);
watchID=null;
}
}
//错误的回调
function onError() {
alert('oooops!');
}
//成功的回调
function onSuccess(heading) {
var element=document.getElementById('heading');
element.innerHTML='Heading:'+heading;
}
</script>
</head>
<body>
<div id="heading">Waiting for heading...</div>
<button onclick="startWatch();">Start Watching</button>
<button onclick="stopWatch();">Stop Watching</button>
</body>
</html>