Erstelle mit Hilfe der JSON, die eine Liste vieler Städte der Welt enthält eine imaginäre Karte. Hierzu sollen die Latitude und Longitude der jeweiligen Stadt in Pixel umberechnet werden, um auf einem Rechteck im Seitenverhältnis von 2:1 projeziert werden zu können. Jede Stadt soll ein Punkt auf dem Rechteck darstellen. Fährt man mit der Maus über einen dieser Punkte Soll ein Tooltip aufgehen, dass den Stadtnamen und das Land anzeigt. Somit entsteht durch die Punkte eine imaginäre Weltkarte.
Über der imaginäre Karte soll mittig ein Suchfeld stehen. In diesem Suchfeld kann ich nach einem Städtenamen suchen, dabei blenden sich beim tippen die Punkte aus, die nicht mit diesem Namen übereinstimmen.
- Gebe eine Zeitschätzung ab.
- Arbeite auf einem eigenen Branch
- Benutze ein Framework wie svelte, angular, react oder vue um diese Aufgabe zu lösen.
- Überlege dir wie du die Performance steigern kannst im Bezug auf die Datenmenge.