-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (77 loc) · 2.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<script src="cordova.js"></script>
<script src="jquery-1.10.2.js"></script>
<script src="thisapp.js"></script>
<script src="zepto.js"></script>
<script src="silly.js"></script>
<script>
// Wait for device API libraries to load
//
//document.addEventListener("deviceready", geolocation, false);
//var watchID = null;
// device APIs are available
//
function geolocation() {
var options = {
maximumAge:3000,timeout:5000,enableHighAccuracy:true
};
navigator.geolocation.getCurrentPosition(onSuccess, onError, options);
// onSuccess Geolocation
//
function onSuccess(position) {
var element = document.getElementById('geolocation');
var lat = position.coords.latitude;
var lng = position.coords.longitude;/*
var alt = position.coords.altitude;
var acc = position.coords.accuracy;
var altacc = position.coords.altitudeAccuracy;
var heading = position.coords.heading;
var speed = position.coords.speed;*/
var time = position.timestamp;
// Google maps code
/*var currentPosition = new google.maps.LatLng(lat,lng);
var mapOptions = {zoom: 12, center: currentPosition, mapTypeId: google.maps.MapTypeId.ROADMAP }
var map = new google.maps.Map(document.getElementById("map"));
var marker = new google.maps.Marker({
position: currentPosition, map: map
})*/
// Google maps code
element.innerHTML = 'Latitude: ' + lat + '<br />' + 'Longitude: '
+ lng + '<br />' +
/*
+ '<br />' + 'Altitude: ' + alt
+ '<br />' + 'Accuracy: ' + altacc
+ '<br />' + 'Altitude Accuracy: '
+ '<br />' + 'Heading: ' + heading + '<br />'
+ 'Speed: ' + speed + '<br />'*/
'Timestamp: ' + time + '<br />';
}
document.write('Latitude: ' + lat + '<br />' + 'Longitude: ' + lng
+ '<br />' + 'Timestamp: ' + time + '<br />');
// onError Callback receives a PositionError object
//
function onError(error) {
alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
}
}
</script>
<head>
<title>Device Information</title>
</head>
<body onLoad="DOMloaded()">
<div id="deviceInfo">Loading the device information ...</div>
<button id="silly">Get date</button>
<button id="clear">Clear</button>
<div id="results"></div>
<script>
$('#silly').click(function() {
SILLY.DoIt($('#results'));
});
$('#clear').click(function() {
$('#results').html('');
});
</script>
<p id="geolocation">Finding geo location...</p>
</body>
</html>