generator-steroids
Version:
A Yeoman generator for Steroids
51 lines (41 loc) • 2.24 kB
HTML
<html>
<head>
<title>Cordova Geolocation Example</title>
<link rel="stylesheet" href="vendor/topcoat/css/topcoat-mobile-light.css" />
<link rel="stylesheet" href="stylesheets/application.css" />
<!-- cordova.js is served from localhost to ensure the correct version -->
<script src="http://localhost/cordova.js"></script>
<script src="/components/steroids-js/steroids.js"></script>
<script>
// Define our results DOM element object
var resultsElem = null;
// Wait for Cordova to load
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
navigator.geolocation.watchPosition(geolocationDataReceived, geolocationError, { enableHighAccuracy: true });
resultsElem = document.querySelector('#geolocation-results');
}
function geolocationDataReceived(position) {
resultsElem.innerHTML = '<strong>Latitude:</strong> ' + position.coords.latitude + '<br>' +
'<strong>Longitude:</strong> ' + position.coords.longitude + '<br>' +
'<strong>Altitude:</strong> ' + position.coords.altitude + '<br>' +
'<strong>Accuracy:</strong> ' + position.coords.accuracy + '<br>' +
'<strong>Altitude Accuracy:</strong> ' + position.coords.altitudeAccuracy + '<br>' +
'<strong>Heading:</strong> ' + position.coords.heading + '<br>' +
'<strong>Speed:</strong> ' + position.coords.speed + '<br>' +
'<strong>Timestamp:</strong> ' + position.timestamp;
}
// The error callback receives a PositionError object
function geolocationError(error) {
alert('Geolocation error! \n\n Error code: ' + error.code + '\n' + 'Error message: ' + error.message);
}
</script>
</head>
<body>
<div class="content-padded">
<h1>Geolocation Example</h1>
<p id="geolocation-results">Waiting for geolocation data...</p>
</div>
</body>
</html>