Zur Startseite
Dynamische Karte als Typo3-Plugin
Daniel Melchior
von Daniel Melchior

Dynamische Karte als TYPO3-Plugin

„Klicken, Zoomen und Schieben, wie beim groooooßen Vorbild“

Dynamische Karte im Detail

Die dynamische Karte ist interaktiv und zeigt ein Gebiet in Form eines Rasters aus Punkten oder anderen geometrischen Formen. Egal, ob am Desktop mit der Maus oder auf dem Smartphone durch Finger-Gesten – die Karte lässt sich intuitiv verschieben und zoomen wie man es von anderen Karten her kennt. Benutzer:innen können so spielerisch die verschiedenen Regionen erkunden, und das alles ohne Ruckeln oder Verzögerungen.

Als Basis werden SVG-Grafiken verwendet, die sich beliebig zoomen lassen und dabei nur sehr wenig Speicherplatz verbrauchen. Das macht die Ladezeiten kurz und die Bedienung dadurch so richtig „Snappy“.

Zur optischen Aufwertung kann ein Hintergrundbild hinterlegt werden, über dem die Karte zu schweben scheint.

Wichtige Standorte im Fokus

Mit der Karte können interaktive Datenpunkte direkt im CMS (TYPO3, Octobercms, Sanity) angelegt werden. Ein Klick auf einen Datenpunkt öffnet ein Popup mit detaillierten Infos. Ideal für Unternehmen und Organisationen, die ihre weltweite Präsenz attraktiv, platzsparend und doch informativ präsentieren möchten.

Technologisch auf dem neuesten Stand

Die dynamische Karte wurde mit HTML5, CSS und TypeScript entwickelt. Ursprünglich als TYPO3-Plugin entwickelt, können wir sie kurzfristig auch für andere CMS wie Sanity und OctoberCMS zur Verfügung stellen. So ist gewährleistet, dass Sie die dynamische Kartendarstellung unabhängig von Ihrem bevorzugten CMS nutzen können.

Praxisbeispiel: Kellogg-WHU Global Network

Ein tolles Beispiel für den Einsatz unserer Karte ist das Kellogg-WHU Global Network. Die Karte zeigt die globalen Standorte der Institution, darunter Chicago, Toronto, Miami, Düsseldorf, Peking und Hongkong. Bei einem Klick auf einen der Hauptstandorte erscheint ein Popup mit ausführlichen Informationen – so wird die internationale Reichweite auf einen Blick sichtbar.

Flexibel und anpassbar

Wir wissen, dass jeder Kunde individuelle Bedürfnisse hat. Daher haben wir die Karte so gestaltet, dass sie sich leicht anpassen lässt. Ob spezifische Farbschemata, besondere Datenpunkte oder maßgeschneiderte Infos in den Popups – wir passen die Karte exakt an Ihre Marke und Ihre Anforderungen an. Die weitere Pflege und Erweiterung kann dann selbständig über das CMS erfolgen.

Warum Sie mit Interweber arbeiten sollten

Wir sind darauf spezialisiert, individuelle und digitale Lösungen zu entwickeln, die begeistern und technisch überzeugen. Die dynamische Karte ist nur ein Beispiel dafür, wie wir moderne Technik nutzen, um Websites lebendiger und informativer zu gestalten. Dank langjähriger Erfahrung mit vielen verschiedenen CMS und unserem Anspruch an Qualität sind wir der ideale Partner für Ihr nächstes Webprojekt.

Neugierig geworden?

Möchten Sie Ihre Website mit unserer dynamischen Karte aufwerten? Dann kontaktieren Sie uns. Wir zeigen Ihnen gern, wie Sie Ihre Online-Präsenz noch attraktiver und interaktiver gestalten können.

Lassen Sie Ihre Nutzer:innen Ihr Unternehmen interaktiv erleben. Gemeinsam heben wir so Ihre digitale Präsenz auf das nächste Level!