<!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() {
getPosition();
}
function
getPosition() {
navigator.geolocation.getCurrentPosition(onSuccess,onError);
}
function
onError(error) {
alert(
'code:'
+error.code+
'\n'
+
'message:'
+error.message+
'\n'
);
}
function
onSuccess(position) {
alert(
'Latitude:'
+position.coords.latitude+
'\n'
+
'Longitude:'
+position.coords.longitude+
'\n'
+
'Altitude:'
+position.coords.altitude+
'\n'
+
'Accuracy:'
+position.coords.accuracy+
'\n'
+
'Altitude Accuracy:'
+position.coords.altitudeAccuracy+
'\n'
+
'Heading:'
+position.coords.heading+
'\n'
+
'Speed:'
+position.coords.speed+
'\n'
+
'Timestamp:'
+
new
Date
(position.timeStamp)+
'\n'
);
}
</script>
</head>
<body>
<button onclick=
"getPosition();"
>Start Watching</button>
</body>
</html>