{"id":23579,"date":"2022-08-30T17:43:19","date_gmt":"2022-08-30T15:43:19","guid":{"rendered":"https:\/\/blog.mi.hdm-stuttgart.de\/?p=23579"},"modified":"2023-06-18T17:28:13","modified_gmt":"2023-06-18T15:28:13","slug":"google-geodata-visualizer","status":"publish","type":"post","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2022\/08\/30\/google-geodata-visualizer\/","title":{"rendered":"Google Geodata Visualizer"},"content":{"rendered":"\n

Ein Projekt von Kai Kustermann, Michael Litschko, Sarah Mauff und Sebastian K\u00f6pp<\/em><\/p>\n\n\n\n

Einleitung<\/h2>\n\n\n\n

Im Sommersemester 2022 haben wir uns als 4-k\u00f6pfige Gruppe dazu entschlossen, einen Google Geodata Visualizer zu erstellen. Das Projekt ist aus der Idee einer McDonald\u2019s-Achievement-Card entstanden. Die Idee war eine Website, die dem Benutzer anzeigt, welche McDonald\u2019s Filialen der Nutzer, gem\u00e4\u00df den \u00fcber seinen Google Account gesammelten Standortdaten, jemals besucht hat. Im weiteren Verlauf wurde die Kernidee, Standortdaten aus Google Accounts zu verarbeiten, insoweit verallgemeinert, als dass das Endprodukt daraus besteht, an einem bestimmten Tag den zur\u00fcckgelegten Weg, die besuchten Orte und die gesamte Strecke – u. A. unterteilt in Verkehrsmittel – anzuzeigen. <\/p>\n\n\n\n

Zun\u00e4chst l\u00e4dt der Benutzer dazu seine lokal gespeicherten Standortdaten aus seinem Google Account hoch. Hier ist zu erw\u00e4hnen, dass die Einstellung, Standortdaten zu erheben, \u00fcber einen bestimmten Zeitraum eingeschaltet gewesen sein muss, sodass \u00fcberhaupt verwendbare Daten existieren. Nach Hochladen der Standortdaten hat der Nutzer nun die M\u00f6glichkeit \u00fcber Klick auf das linke Hamburger-Menu, seine Strecken und besuchte Orte nachzuverfolgen. Um die Auflistung abzurufen, klickt der Nutzer auf das rechte Hamburger-Menu. Dort sieht er nun auch die haupts\u00e4chlich genutzten Verkehrsmittel mit dem dazugeh\u00f6rigen Streckenanteil. Auch kann durch die Karte sowohl navigiert, als auch hinein- und herausgezoomt werden.  <\/p>\n\n\n\n

\"\"<\/a>
Ein Kartenausschnitt mit Routen und Locations in Mannheim.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
In diesem Men\u00fc kann man das Datum ausw\u00e4hlen und ob Routen und Locations angezeigt werden sollen.<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a>
Es werden sowohl die besuchten Locations aufgelistet, als auch die Gesamtstrecke abh\u00e4ngig vom genutzten Transportmittel.<\/figcaption><\/figure>\n\n\n\n

Die Website kann \u00fcber https:\/\/miclit131.github.io\/<\/a> aufgerufen werden.<\/p>\n\n\n\n

Architektur<\/h2>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n

Die obige Grafik stellt unseren ersten Plan einer Architektur dar, den wir nach und nach ge\u00e4ndert haben. Im Folgenden gehen wir darauf ein, warum wir uns f\u00fcr welche Technologien entschieden haben.<\/p>\n\n\n\n

Vergleich von Technologien die zur Auswahl standen<\/p>\n\n\n\n