Google Maps mit Angular (Service)

Im letzten Teil habe ich euch erklärt, wie ich meine Directive für eine Karte im Kontaktbereich meiner Website erstellt habe. Im nächsten Schritt kümmern wir uns um den dazugehörigen Service. Ich beginne damit, dass ich den Service deklariere. Diesem injecte ich dann den logger zum debuggen während der Entwicklungspase. Zusätzlich injecte ich noch meinen API-Service, welcher mir später lediglich die von mir gewünschten Styles aus einer lokalen JSON-Datei anfordert. Diese Services definiere ich im Scope meines MapService.

Google Maps mit Angular (Directive)

So gut wie jede Website oder WebApp nutzt inzwischen irgend einen Kartenservice um z. B. die Position der Firma anzuzeigen, eine Route zu berechnen, POI´s darzustellen etc. Ich greife dabei gerne auf den kostenlosen Kartendienst von Google zurück. Im folgenden Beitrag erkläre ich euch, wie sich der Dienst problemlos in Angular (1.5.x) einbinden lässt.