Webapp, Firefox OS App alles nur ein wenig JavaScript

Web-App, Firefox OS App alles nur ein wenig JavaScript

Google Maps und Tracking

Screenshot der aktiven App
und die erzeugten GPX-Daten("https://www.gocher.me/downloads/2016-04-24T07-51_04.237Z.gpx")

Ein paar wenige Dateien und schon ist die Web-App fertig, oder?

Diese Web-App stellt folgende Funtionen zur Verfügung:

		* Google-Maps Kartenansicht mit Umschlatmöglichkeit zur Satelitenbild-Ansicht
		* Zentrierung der Karte zum aktuellen Standort
		* Aufnehmen der Koordinaten in eine Liste, zur Tracking-Anzeige in der Karte und zum Download als GPS-Datei im GPX Format
		* Löschen / Zurücksetzen der aufgenommenen Werte
		* Anzeige der Aktuellen Werte Longitude, Latitude, Altitude, Speed, Accuracy und Anzahl der eingehenden Werte im Verhätnis zu den aufgenommenen Werten
		* ungenaue als auch doppelte Werte werden ignoriert und nicht in die Werteliste aufgenommen

Es ist noch eine Funktion zur Anzeige aufgenommener Tracks bzw. von anderer Seite zur Verfügung gestelleter GPX-Dateinen angedacht, des Weiteren einige Eingabefelder zur Beschreibung der GPX-Datei. (ist noch in Arbeit)


Die komplette Definition der App wird in einer manifest Datei abgelegt, zu beachten sind hier besonders die Rechte, je nach Typ stehen auch unter Umständen nicht alle Möglichkeiten zur Verfügung. Unter Firefox OS kann man z.B. nicht beim Typ Web auf die SD-Card zugreifen, also ist später unter umständen ein anderer Weg einzuplanen, in diesem Fall der Download. Die meisten Punkte erklären sich hoffentlich von alleine.

manifest.webapp("https://www.gocher.me/code/maps/manifest.webapp")

In der index.html der eigentlichen Seite werden in dieser App lediglich die benötigten JavaScripts und Stylesheets eingebunden.

index.htm("https://www.gocher.me/code/maps/index.htm")

Ein paar wenige definitionen für die Gestaltung, den gößten Teil der Datei stellen die eingebetteten Bilddaten dar.

app.css("https://www.gocher.me/code/maps/app.css")

Die eigentliche Arbeit wird vom JavaScript ausgeführt, ich habe mich hier bemüht den Code kurz zu halten und keine weiteren Bibliotheken einzubinden um das Projekt überschaubar zu halten.


app.js("https://www.gocher.me/code/maps/app.js")