Story #98 - Karten Widget im Frontend implementieren

[Drumber]

Beschreibung

Es soll Google Maps im Frontend eingebunden werden. Auf der Karte sollen alle gespeicherten Standorte markiert werden. Beim klicken auf einen Standort aus der Liste soll dieser auf der Karte fokussiert werden. Es sollen Standorte in der Liste hinzugefügt und gelöscht werden können.

Design Mockup: #31 EventStorming: hier Figma-Vorlage: Designvorlage

Aufgaben

• [x] Recherche Google Maps API
• [x] Google Maps einbinden
• [x] Standort-Liste implementieren
• [x] Standorte mit Google Maps API zum Hinzufügen suchen
• [x] Standorte aus der Liste löschen
• [x] Standorte auf Google Maps markieren und bei Klick in der Liste fokussieren
• [x] Dialog zum Hinzufügen von neuen Standorten

Kriterien für die Abnahme

• Es wird eine Google Maps Karte angezeigt
• Die Standorte werden auf der Karte markiert
• Standorte können hinzugefügt und gelöscht werden
• Standorte können fokussiert werden

Designvorlage

• Kartenwidget - Defaultseite
• Kartenwidget - Erstellen-Maske
• Kartenwidget - Löschen Hover