JavaScript [App/iOS/Android] Kompass soll auf eine Koordinate zeigen

[Sithys]

Hallo zusammen,
ich schuster gerade eine App zusammen. Für das Beispiel gehen wir davon aus, dass ich eine Liste habe, in welcher Restaurants enthalten sind. Hinter den Restaurants steht die aktuelle Entfernung zum Restaurant, das funktioniert auch soweit. Folgende Dinge sollen also in der angegebenen Reihenfolge ablaufen:

• Der User öffnet die Liste und erhält Restaurants sortiert nach ihrer Entfernung.
• Die Entfernung steht hinter dem jeweiligen Restaurant in Metern
• Der User klickt auf ein Restaurant und der Systemkompass oder ein Bild (Kompass) öffnet sich, welches ich einfach per JavaScript in die richtige Richtung drehe.
• Und das ist auch schon der Knackpunkt, ich bekomme es nicht hin, den Kompass in Abhängigkeit zu meiner aktuellen Position auf das Ziel zeigen zu lassen. Der Aktualisierungsintervall beträgt 2 Sekunden.

Ich habe leider auch nicht wirklich eine Idee, wie ich das realisieren könnte. Gegoogelt hab ich auch schon, aber aus den Ergebnissen werde ich nicht schlau. Hat jemand einen Tipp für mich oder eine Idee, wie ich das realisieren könnte?

Danke vorab!

 

[lk22w]

Also wenn das Problem an der Animation selber liegt, hast du's schon mit CSS transformations versucht? http://www.w3schools.com/cssref/css3_pr_transform.asp

Und um die Richtung bzw. den Winkel zu bestimmen brauchst du wohl 2 Dinge:
- die aktuelle Ausrichtung des Telefons: navigator.compass.getCurrentHeading(onSuccess, onError);
- Die benötigte Ausrichtung um zum Endpunkt zu zeigen. Diese solltest du wohl mithilfe der beiden Koordinaten und etwas Trigonometrie bestimmen können.


Mein Tipp aber: Wenn du schon bei sowas anstehst, such dir jemanden der weiss was er tut (nicht böse gemeint).