Skip to content

Instantly share code, notes, and snippets.

@sebastianfrey

sebastianfrey/README.md

Created June 5, 2025 08:28
Show Gist options
  • Save sebastianfrey/4d6d543e382704cfe7ad6224a268dd0d to your computer and use it in GitHub Desktop.
Save sebastianfrey/4d6d543e382704cfe7ad6224a268dd0d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
README.md

Programmieraufgabe: Interaktive Karten-App

Ziel:

Erstelle eine einfache Web-App, die eine interaktive Karte darstellt. Die Nutzer sollen Orte auf der Karte markieren und Informationen zu diesen Orten hinzufügen können.

Funktionale Anforderungen:

  • Interaktive Karte anzeigen
    • Nutze eine Kartenbibliothek wie Leaflet.js, MapLibre GL JS oder Google Maps API.
    • Die Karte soll beim Laden der Seite angezeigt werden (z. B. zentriert auf Europa).
  • Marker hinzufügen
    • Ein Klick auf die Karte soll einen Marker an der entsprechenden Position setzen.
    • Zu jedem Marker kann der Nutzer eine kurze Beschreibung eingeben (z. B. per Eingabefeld in einem Popup).
  • Marker speichern (optional)
    • Die gesetzten Marker sollen im LocalStorage gespeichert werden, damit sie beim Neuladen der Seite erhalten bleiben.
  • Marker entfernen (optional)
    • Marker sollen durch einen Rechtsklick oder über einen Button im Popup wieder entfernt werden können.

Technische Hinweise:

  • Frontend-Technologien: HTML, CSS, JavaScript.
  • Empfohlene Bibliothek: Leaflet.js.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment