HTML5 Interaktive Weltkarte mit Ländern

Responsive interaktive Landkarte in Html5 und Javascript

Interaktive Landkarte

Homepage-Baukasten: Wix | Jimdo | Weebly CMS:  Wordpress | Joomla | Drupal | Typo3 | Contao
Voraussetzung: Editor Lizenz | 1 freier Kartenplatz | gewerblich nutzbar: ja | Ausgabe: Iframe, Javascript

Kostenlose ImageMap Vorlage

Probiere mal die Zoomfunktion auf die Karibik!

Am besten zoomst Du gleich in Richtung Karibik. Du wirst beim näheren betrachten sehen das sich die Ländernamen einblenden je detaillierter die Karte wird. Warum sollte man die Namen sofort anzeigen wenn man diese noch gar nicht lesen kann. Wenn die Namen alle gleich groß wären,könnte man die Karte wohl nicht mehr erkennen.

Für alle Länder eine eigene Schriftgröße oder verschiedene Fontarten zu wählen.

Mit dem Jsonbix Editor ist das keine Hürde, für alle Länder eine eigene Schriftgröße oder wer will verschiedene Fontarten zu wählen. Zoome im Editor auf die Größe die Du benötigst und stelle die Fontgröße ein. Dann gehts in die nächste Zoomstufe. Du kannst die Fontgrößen global definieren oder wenn Du dir viel Arbeit machen willst auch jedes einzelne Land.

Titel in Landkarte einsetzten

So die Länder haben jetzt die Schriftgrößen wie es benötigt wird. Bis jetzt sieht es doch schon toll aus. Hier in dieser Karte nicht zu sehen, kannst Du auch Titel erstellen und die Karte benennen. Zb. „Weltkarte Länder“ Ein Beispiel gibt es auf der Seite Internetcafe Lübeck zu sehen. Die Karte zeigt die Besucher aus der ganzen Welt die dieses Internetcafe besucht haben. Jeder Besucher wurden mit einem Marker gekennzeichnet.

Interaktive Karte erstellen kostenlos

Teste die Weltkarte Länder kostenlos in Deiner Webseite. Du musste nur den Code an die Stelle Deiner Webseite kopieren an der die Karte zu sehen sein soll. Du kannst die Weltkarte zb. in die Seitenleiste Deiner WordPress Seite kopieren. Die Karte passt sich automatisch dem verfügbaren Platz an. Deine Seite hat 2 oder mehr Spalten, kopiere den Karten-Code in eine Spalte. Änderst Du die Spaltenbreite ändert sich auch die Kartengröße automatisch.

Demo Weltkarte downloaden

1 Bewertung für HTML5 Interaktive Weltkarte mit Ländern

  1. Bewertet mit 5 von 5

    Karsten Zander

    Diese Karte wurde auf der Seite: http://www.internetcafe-luebeck.de für die Orte von denen unsere Kunden herkommen mit Markern benutzt.

Füge deine Bewertung hinzu

Arbeite mit vielen tollen Werkzeugen!

Interaktive Landkarten erstellen, geht ganz einfach:

Du kannst ganz einfach in wenigen Schritten Deine eigene interaktive Landkarte selbst erstellen. Alles ohne Programmierkenntnisse. Wir haben Dir schon ein wenig Arbeit abgenommen und optimierte Landkarten Vorlagen in das JsonBix-Studio hinzugefügt. Mit den Kartenvorlagen sparst Du noch mehr Zeit. Deine Kunden werden begeistert sein.

responsive-icon

Responsive Design

barrierefreie Karten

palette-icon

Farbe Farbe Farbe!

Regionen und Labels einfärben

links-icon-1

Links

Regionen, Tooltips & Labels

tooltip-icon

Tooltips erstellen

Erstelle Zusatzinfos in HTML

fonts-icon-3

Web Fonts

Coole Schriften nutzen

Marker hinzufügen

Füge Marker für Deine Orte

listenansicht-icon

Listenansicht

Liste für mobile Geräte - soon -

sprachen-icon

Sprachen

beliebig viele Sprachen

javascript-icon

für noch mehr Spass

Html Image Map Generator
für responsive fähige interaktive Landkarten!

Landkarten für das Smartfone oder Tablet. Die Karte und deren Inhalte passen sich automatisch dem Ausgabebildschirm an. Du kannst im Editor aus vielen verschiedenen Schriftarten/Fonts wählen. Verpasse deiner Landkarte eine Schrift die zum Thema passt. Du vermisst eine eine bestimmte Schriftart, schreibe uns wir installieren diese für Dich.

Editor Lizenz erwerben

Anmelden

Vorlage: kostenlos

gewerblich nutzbar: ja

Hinzufügen & Bearbeiten:
Farben | Marker | Links | Font / Schriften | Tooltip | Regionen, Länder, Städte | Geojson-Upload | Marker-Upload

Installation Webseiten:
1 Karte alle Deine Webseiten


Updates & Support:
Uneingeschränkter lebenslanger Zugriff auf den Editor


Offline-Download:
coming soon..

Homepage-Baukasten: 
Wix | Jimdo | Weebly| weitere...

CMS: 
Wordpress | Joomla | Drupal | Typo3 | Contao | weitere...

Sprache: deutsch

Geräte:
Desktop | Smartfone | Tablet | IPhone | IPad

Ausgabe/Installation:
Iframe, Javascript-Code - Copy & Paste

Jsonbix Editor Version:
v1.18.1 - 16.04.2018

Jsonbix Browser kompatibel

Chrome | Firefox | IE/Edge | Safari | Opera ...
Jeder Browser kann eine Jsonbix Karte anzeigen

TIPP! Jsonbix interaktive Karten können überall dort genutzt werden, wo  Iframe & Javascript erlaubt sind.

Wenn ein CMS System hier nicht aufgeführt sein sollte kannst Du es trotzdem versuchen.  

Demo downloaden

Upload! Eigene Karten im Geojson-Format können mit dem Online Editor verarbeitet werden.

Lade Dir kostenlos diese Geojson-Datei hier herunter. Diese Datei soll als Vorlage für Deine selbst erstellten Landkarten dienen.

Geojson Vorlage

Marker-Upload! 
Du kannst Deine eigenen Marker in Dein Projekt laden. 200x200 Pixel dürfen diese maximal groß sein.

Dateiformate: *jpg, *.png, *.gif

Kompatible Plattformen

Wo kannst Du Deine interaktive Landkarte überall installieren?

WIX.com - Hompage Baukasten

Mit dem Homepage Bauskasten 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 Jacascript Code in das HTML Element kopieren.

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.

Joomla-Logo

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. Im Jsonbix-Studio findest Du regelmäßig neue Vorlagen

Contao - CMS

Contao macht Spaß. Contao ist schnell. Und nach einer kurzen Einarbeitungszeit erstellt man wunderschöne Webseiten mit diesem CMS. Eine Jsonbix Landkarte installierst Du in dem WYSWIYG TinyMCE Editor

contao_original_rgb

Drupal - CMS

Drupal scheint das einzige CMS zu sein das ein Addon benötigt. Installiere das CKEditor iFrame Addon. Nach dem Aktivieren und konfigurieren kopierst du den Jsonbix Jacascript Code in dieses Drupal Addon.

TIPP! Jsonbix interaktive Landkarten können überall dort genutzt werden wo  Iframe & Javascript erlaubt ist. Wenn ein CMS System hier nicht aufgeführt sein sollte kannst Du es trotzdem versuchen.