04. Sep 2009

Opodien NaviMap - Alles auf eine(r) Karte

Gravatar: Tobias Liebig

Nach einigen Monaten Arbeit ist die NaviMap der Opodien Reisecommunity vorige Woche online gegangen.

Opodien ist die Reisecommunity von Opodo. Die Mitglieder von Opodien können dort von Ihren Reisen berichten, Fotos hochladen und anderen Reisetipps geben. Andere Besucher können so an den Erlebnissen teilhaben. Was liegt da näher, als diese Informationen auch auf einer Karte darzustellen?

So haben wir ein GoogleMaps Mash-Up, die NaviMap, entwickelt, dass es den Besuchern ermöglicht, auf alle geo-bezogenen Daten zuzugreifen und so die Community und die Welt zu entdecken. Die Navimap ist in JavaScript mit jQuery programmiert und bezieht seine Daten von einem TYPO3-System auf dem Server.

Auf jeder Reiseführer-Seite findet man eine Karte, die als Orientierung dient (Wo auf der Welt befindet ich mich?). Außerdem ist sie, mit einem Klick, der Einstieg in die eigentliche interaktive Weltkarte. Die große Karte öffnet sich dann in einer Lightbox auf voller Bildschirm-Größe. Auch auf allen weiteren Seiten der Opodien-Community gibt es einen schnellen Zugriff auf die Karte in der rechten Seitenleiste.

  • Opodien Navimap
  • Zusammenfassung vieler Marker
  • Filter und Reisefieber-Heatmap
  • Karte auf den Reiseführer-Seiten
  • schneller Einstieg zur Navimap

Alle Inhalte der Community werden auf der Karte als Marker dargestellt. Aus manchen GoogleMaps-Anwendungen kennt man vielleicht die Marker-Wälder, die an den Orten, wo viel los ist, die komplette Karte überdecken. Das haben wir vermieden, in dem wir örtlich beieinander liegende Marker zu einem Sammelpunkt zusammenfassen.

Die Daten der Einzel-Marker werden serverseitig aufbereitet und zwischengespeichert. Ein komplexer Algorithmus findet örtlich nahe Marker und fasst diese zusammen. Über einen Ajax-Aufruf ruft die Kartenanwendung dann, immer passend zum aktuellen Kartenausschnitt und den gewählenten Filter-Einstellungen, die anzuzeigenden Daten ab. So können wir übersichtlich und perfomant sehr viele Informationen auf der Karte darstellen ohne dass der Besucher den Überblick verliert.

Als Hilfe zur Navigation auf der Karte gibt es eine Tag-Cloud der beliebtesten Ziele und eine Google-gestützte Geo-Suche hilft dabei auch die entlegendsten Ecken der Welt zu finden.

Das "Reisefieber" visualisiert sehr anschaulich wo die beliebtesten Reiseziele der Opodier liegen. Aus den gesammelten Informationen zu Reisewünschen und bereits besuchten Ländern der Opodier wird eine Karte berechnet. Diese "Heatmap" wird als Overlay über das Kartenmaterial gelegt: je "roter" ein Land ist, umso höher ist dort das "Reisefieber". Um eine schnelle Darstellung zu gewährleisten, werden die Grafiken für die Karte von einem speziell dafür optimierten Content-Delivery-System (CDS) ausgeliefert.

Da bleibt nur: Viel Spaß beim entdecken der Welt!

Trackback-Link
  •  
  • 1 Kommentare
  •  
Gravatar: Mat
Mat
10. Sep 2009
Kooperationen & Konzepte

Danke Networkteam - für diesen Kraftakt, die guten Ideen und die super Umsetzung! Lasst uns hoffen, dass die Reisefans die interaktive Karte genauso nützlich und cool finden wie wir bei Opodo.

Mein Kommentar

Kooperationen
Benachrichtige mich, wenn jemand einen Kommentar zu dieser Nachricht schreibt.

Zurück