Geolocation - HTML5 - page 209

rameter von der Karte gelöscht. Abschließend wird dem Array ein neues Objekt
vom Typ Marker an der aktuellen Position hinzugefügt.
7.6 Beispiel:Geonotes
Die Idee zum abschließenden Beispiel entstand bei einem Auslandsaufenthalt
mit einem neuen Smartphone: Das Programm ist ein digitales (Reise-)Tage-
buch, das jeden Eintrag automatisch mit geografischen Koordinaten versieht
und alle Einträge auf einer Karte anzeigen kann. Die hohen Daten-Roaming-
Gebühren in Europa machten bald die Einbeziehung einer weiteren Technologie
aus dem HTML5-Umfeld erforderlich, um die Kosten zu senken: Web Storage.
Mithilfe der Web Storage API werden die Einträge lokal, in einem persistenten
Speicher gehalten, wodurch die Anwendung auch ohne bestehende Datenver-
bindung funktioniert. Eine ausführliche Erklärung der Web Storage API finden
Sie in Kapitel 8, Web Storage und Offline-Webapplikationen.
7.6.1 Bedienung
Die Anwendung ist sehr einfach aufgebaut (siehe Abbildung 7.5): Im linken
oberen Bereich befindet sich das Textfeld zur Eingabe der Notiz. Durch das in
HTML5 neu eingeführte placeholder -Attribut zeigt der Browser eine Aufforde-
rung zum Eingeben einer neuen Nachricht. Sind bereits Einträge vorhanden,
erscheint im rechten Bereich ein Kartenausschnitt von Google Maps. Unterhalb
folgt die Liste der Einträge, wobei außer dem Nachrichtentext noch die Posi-
tion, der Zeitpunkt der Eingabe und eine Entfernung zum aktuellen Standort
angegeben wird. Außerdem besteht die Möglichkeit, Nachrichten zu löschen
oder den Standort vergrößert auf Google Maps darzustellen. Wie in Abbil-
dung 7.5 zu sehen ist, wird bei vergrößerter Darstellung die Position mit einem
Google-typischen Marker gekennzeichnet. Der Kreis um den Punkt bezeichnet
die Genauigkeit der Positionsmessung.
Da man beim Entwickeln der Anwendung seine Position nicht ständig ändert,
hat sich das in Abschnitt 7.3, Technischer Hintergrund der Positionsbestim-
mung, vorgestellte Firefox-Add-On Geolocator als sehr nützlich erwiesen.
Durch die Möglichkeit, mehrere Positionen in dem Add-On zu speichern, kann
man die Anwendung auch von zu Hause aus testen. Idealerweise aber kommt
die Anwendung auf einem Smartphone mit GPS-Unterstützung zum Einsatz.
Sowohl Android-basierte Telefone als auch das iPhone erfüllen die notwendi-
gen Voraussetzungen.