HTML5 Interaktive Weltkarte Länder

kostenlose Vorlage: 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

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.

Weltkarte Länder mit 191 Regionen

  • Afghanistan
  • Agypten
  • Albanien
  • Algerien
  • Angola
  • Anguilla
  • Antigua Und Barbuda
  • Argentinien
  • Armenien
  • Aruba
  • Aserbaidschan
  • Athiopien
  • Australien
  • Bahrain
  • Bangladesch
  • Barbados
  • Belgien
  • Belize
  • Benin
  • Bolivien
  • Bosnien Herzegowina
  • Botswana
  • Brasilien
  • Britische Jungferninseln
  • Brunei
  • Burkina Faso
  • Burundi
  • Butan
  • Cape Verde
  • Chad
  • Chile
  • China
  • Comoros
  • Costa Rica
  • Curacao
  • Demokratische Republick Kongo
  • Deutschland
  • Djibouti
  • Dominica
  • Dominikanische Republik
  • Dänemark
  • Ecuador
  • El Salvador
  • Elfenbeinküste
  • Equatorial Guinea
  • Eritrea
  • Estland
  • Falkland Inseln
  • Finnland
  • Frankreich
  • Französisch-Guyana
  • Gabon
  • Gambia
  • Georgien
  • Ghana
  • Grenada
  • Griechenland
  • Grossbritannien
  • Guadeloupe
  • Guatemala
  • Guinea
  • Guinea Bissau
  • Guyana
  • Haiti
  • Honduras
  • Indien
  • Indonesien
  • Irak
  • Iran
  • Irland
  • Island
  • Israel
  • Italien
  • Jamaika
  • Japan
  • Jemen
  • Jordanien
  • Jungferninseln
  • Kambodscha
  • Kameroon
  • Kanada
  • Kasachstan
  • Katar
  • Kenya
  • Kirgisistan
  • Kolumbien
  • Kongo
  • Kosovo
  • Kroatien
  • Kuba
  • Kuwait
  • Laos
  • Lesotho
  • Lettland
  • Libanon
  • Liberia
  • Libyen
  • Liechtenstein
  • Litauen
  • Luxemburg
  • Madagaskar
  • Malawi
  • Malaysia
  • Malediven
  • Mali
  • Malta
  • Marokko
  • Martinique
  • Mauritanien
  • Mauritius
  • Mazedonien
  • Mexiko
  • Moldavien
  • Mongolei
  • Montenegro
  • Montserrat
  • Mozambique
  • Myanmar
  • Namibia
  • Nepal
  • Neuseeland
  • Nicaragua
  • Niederlande
  • Niger
  • Nigeria
  • Nordkorea
  • Norwegen
  • Oman
  • Osterreich
  • Pakistan
  • Panama
  • Papua Neuguinea
  • Paraguay
  • Peru
  • Philippinen
  • Polen
  • Portugal
  • Puerto Rico
  • Reunion
  • Rumänien
  • Russland
  • Rwanda
  • Sankt Kitts Und Nevis
  • Sankt Lucia
  • Sankt Vincent Grenadinen
  • Sao Tome Und Principe
  • Saudi-Arabien
  • Schweden
  • Schweiz
  • Senegal
  • Serbien
  • Seychellen
  • Sierra Leone
  • Singapur
  • Slowakei
  • Slowenien
  • Somalia
  • Spanien
  • Sri Lanka
  • Sudan
  • Suriname
  • Swaziland
  • Syrien
  • Südafrika
  • Südkorea
  • Tadschikistan
  • Taiwan
  • Tanzania
  • Thailand
  • Timor Leste
  • Togo
  • Trinidad Und Tobago
  • Tschechien
  • Tunesien
  • Turkmenistan
  • Türkei
  • USA
  • Uganda
  • Ukraine
  • Ungarn
  • Uruguay
  • Usbekistan
  • Venezuela
  • Vereinigte Arabische Emirate
  • Vietnam
  • Weissrussland
  • Westsahara
  • Zambia
  • Zentral Afrikanische Republick
  • Zimbabwe
  • Zypern
Demo Weltkarte downloaden

1 Bewertung für HTML5 Interaktive Weltkarte Länder

  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.

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

Flexibel und individuell anpassbar!

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

Dein CMS System ist hier nicht aufgeführt? Du kannst es trotzdem versuchen. Kopiere den HTML-Code der Demodatei in deine Webseite.

Demo downloaden

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

Lade Dir kostenlos diese Vorlage einer Geojson-Datei hier herunter. Erstelle deine eigenen Fantasiewelten mit dem JsonBix Online Editor

Geojson Vorlage

Marker! Marker, Pins, Stecknadeln machen deine interaktive Landkarte informativ und noch schöner.

Upload! Du kannst Deine eigenen Marker in dein Projekt laden. 200x200 Pixel dürfen diese maximal groß sein. Optimiere deinen Marker bevor Du ihn im Editor benutzt.Das wird die Ladezeit der Karte verbessern.

Formate: *jpg, *.png, *.gif ( animiert )

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.

Cookie-Einstellung

Bitte treffen Sie eine Auswahl. Weitere Informationen zu den Auswirkungen Ihrer Auswahl finden Sie unter Hilfe. Datenschutz | Impressum

Treffen Sie eine Auswahl um fortzufahren

Ihre Auswahl wurde gespeichert!

Weitere Informationen

Hilfe

Um fortfahren zu können, müssen Sie eine Cookie-Auswahl treffen. Nachfolgend erhalten Sie eine Erläuterung der verschiedenen Optionen und ihrer Bedeutung.

  • Alle Cookies (empfohlen):
    Jedes Cookie wie z.B. Tracking- und Analytische-Cookies.
  • Keine Cookies zulassen:
    Es werden keine Cookies gesetzt, es sei denn, es handelt sich um technisch notwendige Cookies. Borlabs Cookie hat bereits ein notwendiges Cookie gesetzt.

Sie können Ihre Cookie-Einstellung jederzeit hier ändern: Datenschutz. Impressum

Zurück