Erstellen Sie individuelle interaktive Landkarten in HTML für Ihre Webseite

Jsonbix ist ein Karteneditor mit dem Sie schnell und ohne Programmierkenntnisse interaktive Landkarten erstellen können. Und das alles ohne Plugin.

In wenigen Schritten erstellen Sie Ihre eigene Landkarte! 

Sie werden sehen, wie leicht und schnell es gehen kann. Schauen Sie sich die Editor Funktionen an!

benutzerdefinierte Marker

Erfahren Sie wie Sie benutzerdefinierte Marker In Ihre Landkarte einfügen und bearbeiten.

Regionen zusammenstellen

Landkarte mit individuellen Regionen selbst zusammenstellen.

Europakarte mit Regionnamen

Am Beispiel der Europakarte wird gezeigt wie Sie Regionen Namen verwenden.

Warum sollten Sie sich für Jsonbix Editor entscheiden?

Sie bekommen alles was Sie für Ihre interaktive Landkarte benötigen.

Wo kann ich meine Karten überall installieren?

Überall dort wo Iframe und Javascript erlaubt ist. 

Iframe | Html | Javascript

Jsonbix interaktive Landkarten können überall dort genutzt werden wo  Iframe & Javascript erlaubt ist.

Jede klassische HTML Seite kann die Karte anzeigen.

WordPress - CMS

WordPress ist wohl das beliebteste CMS das derzeit genutzt wird. Du kannst Deinen Landkarten Code in ein HTML Widget installieren oder Du kopierst den Javascript-Code im Text-Modus in einen Artikel oder Seite

Joomla - CMS

Joomla bietet 2 Möglichkeiten. Wenn Du keinen Editor aktiviert hast, kopierst Du den Karten Code an die Stelle an der die Karte angezeigt werden soll.Oder Du nutzt die Insert/Edit Code Sample Funktion und fügst die Karte ein.

WIX.com - Hompage Baukasten

Mit dem Homepage Baukasten von WIX.com ist es ganz einfach die interaktive Landkarte von Jsonbix zu installieren. Benutze die WIX-HTML-App und kopiere den JavaScript-Code der Karte in die App.

Jimdo - Homepage Baukasten

Jimdo, der Hompage Baukasten aus Hamburg, bietet Dir das Widget /HTML. zum kopieren des Javascript Code für Deine Karte die Du mit dem Jsonbix Editor erstellt hast an. 

Weebbly - Homepage Baukasten

Bei Weebly nennt sich die Funktion Custom HTML Element die Du zum installieren der interaktiven Landkarte benötigst. Einfach den Javascript Code in das HTML Element kopieren.

TYPO3 - CMS

Das beliebte CMS Typo3 ist wohl kaum an Skalierbarkeit zu übertreffen. Mit dem Content-Element HTML kannst Du Deine mit dem Jsonbix Editor erstellte Landkarte in TYPO3 anzeigen lassen.

Contao - CMS

Contao macht Spaß. Contao ist schnell. Nach einer kurzen Einarbeitungszeit erstellt man wunderschöne Webseiten mit diesem CMS. Mit dem WYSWIYG TinyMCE Editor wird die Karte installiert

Drupal - CMS

Drupal scheint das einzige CMS zu sein das ein Addon benötigt. Installieren Sie das CKEditor iFrame Addon. Nach dem Aktivieren und konfigurieren kopieren Sie den Karten Code in das Drupal Addon.

Was sagen Benutzer?

Ich freue mich die Seite Jsonbix.com gefunden zu haben. Ich habe eine Weltkarte mit Namen zum Bearbeiten für meine Homepage gesucht. Ich selber habe wenig Ahnung, wie eine interaktive Landkarte programmiert wird. Da kommt mir der Karteneditor gerade recht.

Torsten Unger / kerle.reisen Wix.com

Bin mal gespannt wie es weitergeht, was noch alles dem Editor hinzugefügt wird im Laufe der Zeit. Wir nutzen die Karten in unserem Intranet. Die Vorlage Europa Länder hat uns viel Zeit gespart. In Zukunft werden wir weitere Karten benötigen. Mit meinem GGoogle Konto und Google Maps konnte ich meine Karte nicht so leicht erstellen.

Ulrike Jäger / Normanet | Intranet

Ich habe lang auf so einen Editor gewartet. Ich habe schon des öfteren interaktive Landkarten selbst erstellt. Das hat Stunden gedauert. Jetzt klicke ich mir die Karte in kurzer Zeit zusammen und erhalte sogar ein besseres Ergebnis!

Julian Becker / Google Rezension

Schließen Sie sich unseren Benutzern an und genießen Sie Jsonbix jetzt

Probieren Sie es kostenlos aus, kein Download erforderlich.

Testen Sie jetzt kostenlos

Mehr Besucher dank interaktiver Landkarten

Professionelle, moderne Websites erkennt man nicht selten daran, dass sie auf der Startseite eine interaktive Deutschlandkarte präsentieren.Solche interaktiven Bausteine sind zu einem wichtigen Qualitätsmerkmal geworden, dass die Absprungrate verringern kann- wer eine Image Map einmal auf seiner Website hatte, wird sie auch nicht mehr missen wollen. Heutzutage findet man die sogenannten Image Maps auch immer häufiger auf privaten Homepages oder z.B. als Navigationshilfe bei Preisvergleichseiten, Lokalen Suchmaschinen oder Branchenbüchern. Das Einsatzspektrum von Image Maps ist wahrlich weit umfasst und erstreckt sich von der Realisierung von Land- und Weltkarten über Minispiele bis hin zu interaktiven Lernszenarien.

Wichtig: Benutzer verbinden mit Image Maps also modernes Webdesign, Interaktivität, Professionalismus und Spaß.

Die Suchmaschine Google (Marktanteil bei 90%) hat letzte Woche eine neue Funktion in sein Suchsystem integriert: Die Vorschaufunktion für Websites. Es liegt also nur nahe, wenn man die Vermutung aufstellt, dass auffällige Bildelemente , wie zum Beispiel eine große, farbige Image Map die Klickrate vergrößern kann. Und das bedeutet mehr Traffic auf Ihrer Website und mehr Einnahmen für Sie! Also ein weiterer wichtiger Grund, weshalb man über die Anschaffung einer Image Map unbedingt nachdenken sollte. Unabhängig von der angewandten Technik ist die Idee der Image Map recht einfach. Sei es die traditionelle Image Map Technik mit dem MAP Tag oder neuere CSS-Alternativen. In einem Bild sind aktive Flächen definiert, sogenannte Hotspots. Dabei handelt es sich um Links im HTML Code. Das kann zum Beispiel eine Darstellung eines Landes sein. Mit einem Klick auf die einzelnen Regionen können Informationen eingeholt werden. Es existieren zwei verschiedene Definitionen von Image Maps die es nur für einfache HTML-Markups gibt. Der erste Typ basiert auf der Grundlage des Servers, der die Aufträge des Clients ausführt. Dieses Modell ist eher ungebräuchlich. Obwohl es eines der ältesten Navigatoren ist. Dies hat technische Nachteile und es ist somit ineffizient. Nahezu 100% der heutigen Navigatorprogramme erkennen die Image-Maps auf der Client-Seite. Die Definition der aktiven Bereiche funktionieren innerhalb des HTMLs so, dass Downloads der Seite sofort zugänglich sind. Darüber hinaus ist die Clientseitige Image Map immer noch funktionsfähig wenn Sie offline gehen. Oder eine Seite auf Ihrem Computer speichern. Eine Image Map zu erstellen ist relativ einfach, da das Ergebnis augenblicklich sichtbar wird. Viele Entwickler erstellen eine Konstruktion von geteilten Bildern mit mehr visuellen Effekten. Manchmal mit der irrtümlichen Idee, das eine Karte eine bestimmte Art von Aktionen nicht zulässt. In der Tat können Sie Aktionen auf Image Map Bereiche anwenden, wie sie es mit einem normalen Link oder einem verlinkten Bild machen würden. Zum Beispiel ist es möglich, ein alternatives Bild anzuzeigen. Wenn der Mauszeiger über die aktive Zone der Karte gleitet wird. Das kann ein wenig zusätzliche Arbeit bedeuten, ist aber nicht sehr kompliziert.

Vorteile solch einer Navigation

  • Es ist eine einfache Möglichkeit Links zu einer sehr komplexen Verteilung von Bildern, wie Tabellen oder Layer (DIVs), herzustellen. Es reicht aus um ein einzigartiges Bild Resort und Hotspots zu definieren.
  • Sie verleihen den Webseiten Dynamik die durch JavaScript-Ereignissen hinzugefügt werden. Sie können einfach wiederverwendet werden, so dass wir bei der Umsetzung viel Arbeit sparen Alles kann leicht auf einer Website aktualisiert werden, Sie ändern nur die Bilder, die die Karten darstellen.
  • Sie können eine einzelne Image-Map Navigation erstellen, dann fügen Sie einen neues Look and Feel zu jedem Abschnitt einer Seite hinzu oder verändern einfach das Bild, das in dem Teil der Website verwendet wird.
  • Ein Bild ist praktisch kompatibel mit allen Navigatoren die existieren. Allerdings werden bestimmte Wirkungen die mit mouseover oder DHTML arbeiten nur mit den letzten Versionen von Navigatoren benutzbar. Damit sind sie zum Teil unvereinbar mit bestimmten Browsern.
  • Für den Fall, dass Bilder nicht geladen wurden, ist die Karte weiterhin aktiv. Wenn ein Text-Label hinzugefügt wird, um die Bilder zu beschreiben, meldet der Navigator, dass das Bild nicht verfügbar ist für die Anzeige.Navigation-Werkzeug.

Kostenlose Image Maps

Falls Sie jetzt befürchten, dass interaktive , trafficsteigernde Webfeatures auch ihren Preis haben werden, kann ich Sie gleich beruhigen: Es gibt Orte, an denen man kostenlose Image Maps für Deutschlandkarten downloaden kann. Unsere Imagemaps sind nicht nur kostenlos sondern zudem auch ganz leicht anpassbar.

Die Webseiten der letzten Jahre

zeigen mehr und mehr grafische Inhalte. Durch visuelle Effekte werden Veränderungen des Bildes (Mouseover-Effekt) erreicht. Dennoch haben viele Designer die Bild Karten Technik vergessen. Es ist schade, dass fast ausschließlich auf andere Trends in der grafischen Navigation Wert gelegt wird. Die „traditionelle“ Technik enthält Image-Maps. Image-Maps sind ein hervorragendes Werkzeug zur Navigation für eine Website und voller Vorteile. Viel einfacher zu erstellen, leichter zu aktualisieren, und sie sind wirklich anspruchsvoll. In dem folgenden Artikel werden wir ihnen alle notwendigen Hinweise erläutern, sie zu nutzen und in Anspruch zu nehmen. Dieser Artikel stellt einige grundlegende Konzepte und Möglichkeiten von Image-Maps in Web-Design vor. Jedoch, wie wir bereits erwähnt haben, sind die traditionellen Image-Maps voller Technik. Es gibt einige Probleme mit Text-basierten Browsern und Fragen über die Zugänglichkeit mit Image-Maps, die mit einigen neuen CSS-basierte Techniken wie der in der A List Apart Artikel vermieden werden können.

Warum eine Image Map auf keiner professionellen Website fehlen darf

Normalerweise werden Image Maps mit Hilfe von HTML, CSS und Javascript realisiert, damit sind sie quasi plattformübergreifend einsetzbar. Ganz gleich also auf welches CMS Sie bauen, ob WordPress, Joomla oder Typo3- die technische Realisierung wird so fast immer zum Kinderspiel!

Image Maps sind nützlich und faszinierend zugleich

Einfach mit dem Mauszeiger über einen bestimmten Bildbereich hovern und schon werden weiteren Aktionen ausgelöst. So erkennt auch der weniger web-affine Betrachter sofort, dass sich inter diesem Bild-Bereich weitere Informationen befinden müssen. Nur ein Klick reicht aus und der Betrachter gelangt umgehend auf eine weitere Unterseite, die tiefergehendes Wissen bietet.

Besucher lieben Image Maps

Jeder Webmaster kann sich Image Maps in seine Website einpflegen, z.B. um Besucher zu beeindrucken oder um eine innovativere, spannendere Alternative zu herkömmlicher Navigation zu bieten. Image Maps nutzen nämlich die Macht der Bilder gekonnt aus und beherzigen wichtige Erkenntnisse einer jeden positiven Benutzererfahrung : Zeige nicht alle Informationen, sondern zeige die richtige Information zur richtigen Zeit (nämlich dann, wenn sie auch gebraucht wird).

Image Maps günstig im Shop bestellen

Wenn Sie an Image Maps interessiert sind, dann besuchen Sie bitte unseren Web Shop, dort finden Sie ein reichhaltiges Angebot an vorgefertigten, günstigen Image Map Vorlagen zum Sofort-Download. Suchen Sie sich dort einfach Ihre Lieblingskarte aus, wir senden Ihnen noch am selben Tag alle wichtigen Daten mit Einbauanleitung (per Email) zu. Anschließend genügen ein paar Mausklicks und schwupps haben Sie eine völlig interaktive Imagemap auf Ihrer Homepage stehen, die Ihre Besucher mit Text, Farben und Links begeistern wird! Einer der größten Vorteile unserer hochwertigen Imagemap-Vorlagen besteht in der Tatsache, dass Sie überhaupt keine technische Skills benötigen, um Ihre Website mit einer beeindruckenden Imagemap auszuschmücken. Auf Wunsch bieten wir Ihnen sogar einen Installationsservice, einfach bei Ihre Bestellung angeben und wir übernehmen alle weiteren Arbeiten für Sie.