1) Reference
2) Full Example
<!DOCTYPE html>
<html>
<head>
<title>Compass Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//
function onDeviceReady() {
navigator.compass.getCurrentHeading(onSuccess, onError);
}
// onSuccess: Get the current heading
//
function onSuccess(heading) {
alert('Heading: ' + heading.magneticHeading);
}
// onError: Failed to get the heading
//
function onError(compassError) {
alert('Compass Error: ' + compassError.code);
}
</script>
</head>
<body>
<h1>Example</h1>
<p>getCurrentHeading</p>
</body>
</html>
|
3) Create a new project using Blank Template
Project Name: demoCordovaCompass
4) Replace Index file
5) Debug
5.1) Connect Device
5.2) Launch Project
5.2) Debug Project
6) Screenshot
7) Build Project
Select required plug-ins before building the apps.
8) Download
Project Source Code: https://drive.google.com/file/d/0B86b-ALn-1MGblF6MU5reHVpUTA/view?usp=sharing
---
nice tutorial
ReplyDeletewhether there are tutorial videos ?
I had to learn programming android