HTML and CSS Reference
In-Depth Information
anzeigen. Da wir in PhoneGap arbeiten, nehmen Sie dazu das HTML-Tag
img
und
konstruieren den dazugehörigen
source
-Parameter, indem wir das Datenformat
data:image/jpeg;base64
sowie die Bilddaten über den erstellten String in der Vari-
ablen
imageData
miteinander verbinden.
Zum Schluss legen Sie mittels CSS für den Bereich, in dem das Foto angezeigt werden
soll, einen schwarzen Hintergrund fest und wählen eine vordefinierte Anzeigegröße aus:
<ul class "pageitem" style "background color:#000000">
<center><img style "width:200px;height:300px" id "bild" src ""
/></center>
</ul>
Würden Sie die CSS-Größenangaben im
img
-Tag nicht mit angeben, würde das Bild in
Originalgröße angezeigt werden.
3.3.9
Geolocation
Die aktuelle Position eines Benutzers können Sie bereits mit jedem modernen WebKit-
Browser erhalten. Glücklicherweise brauchen Sie Ihren Webcode für eine iOS-
Anwendung mit PhoneGap auch kaum umzuschreiben, da PhoneGap genau die
gleichen JavaScript-API-Calls wie HTML5 verwendet:
Methode
Beschreibung
Einfache One-Shot-Anfrage, um die aktuelle Position
des Benutzers einmalig zu erfragen.
geolocation.getCurrentPos
ition()
Übermittelt die aktuelle Position des Benutzers in einer
bestimmten Frequenz.
geolocation.clearWatch()
Stoppt die automatische Übermittlung der aktuellen
Position des Benutzers.
geolocation.watchPosition
()
Neben dem Längen- und dem Breitengrad gibt die PhoneGap-API noch weitere Werte
aus:
•
Längengrad
•
Breitengrad
•
Höhe
•
Genauigkeit
•
Richtung
•
Geschwindigkeit
•
Zeit- und Datumsstempel