|
|
@@ -0,0 +1,68 @@
|
|
|
+/**
|
|
|
+ * A wrapper around HTML5 Geolocation with helper methods.
|
|
|
+ *
|
|
|
+ * @constructor
|
|
|
+ */
|
|
|
+function Geo() {
|
|
|
+ "use strict";
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @type {Geolocation}
|
|
|
+ */
|
|
|
+ var geo = navigator.geolocation;
|
|
|
+
|
|
|
+ this.getGeo = function () {
|
|
|
+ return geo;
|
|
|
+ };
|
|
|
+
|
|
|
+ /**
|
|
|
+ *
|
|
|
+ * @param {MessageElement} area
|
|
|
+ */
|
|
|
+ this.showLocation = function (area) {
|
|
|
+ var that = this;
|
|
|
+ geo.getCurrentPosition(
|
|
|
+ function (position) {
|
|
|
+ area.set(that.getPositionMessage(position));
|
|
|
+ },
|
|
|
+ function (error) {
|
|
|
+ area.set(error);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ };
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Build a HTML-formatted representation of a position information.
|
|
|
+ *
|
|
|
+ * @param {Position} position
|
|
|
+ * @returns {string}
|
|
|
+ */
|
|
|
+ this.getPositionMessage = function (position) {
|
|
|
+ /**
|
|
|
+ * @type {Coordinates}
|
|
|
+ */
|
|
|
+ var coords = position.coords;
|
|
|
+
|
|
|
+ var date = new Date(position.timestamp);
|
|
|
+
|
|
|
+ var message = "<p>Position: </p>\n" +
|
|
|
+ "<ul>\n" +
|
|
|
+ " <li>Timestamp: " + position.timestamp + " = " + date.toLocaleString() + "</li>\n" +
|
|
|
+ " <li>Accuracy: " + coords.accuracy + " meters</li>\n" +
|
|
|
+ " <li>Latitude: " + coords.latitude + "</li>" +
|
|
|
+ " <li>Longitude: " + coords.longitude + "</li>" +
|
|
|
+ " <li>Altitude: " + (coords.altitude ? coords.altitude : "unknown") + "</li>" +
|
|
|
+ " <li>Altitude Accuracy: " + (coords.altitudeAccuracy ? coords.altitudeAccuracy : 0) + "</li>" +
|
|
|
+ " <li>Heading: " + (coords.heading ? coords.heading : "unknown") + "</li>\n" +
|
|
|
+ " <li>Speed: " + (coords.speed ? coords.speed : "unknown") + "</li>\n" +
|
|
|
+ " </ul>\n";
|
|
|
+
|
|
|
+ return message;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.init = function () {
|
|
|
+ geo = navigator.geolocation || false;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.init();
|
|
|
+}
|
