Code

Map of Germany

Map of Germany

Map of Germany

Interactive clickable and responsive map of Germany with regions popup on hover. This map runs with javascript (jQuery) based on Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality. The interactive template of the map of Germany gives you an easy way to install and customize a professional looking interactive map with 16 clickable regions. You can embed the map in your website and link each region/city to any webpage or make hover popup with information.

Features:

1. The map consists of HTML/CSS/JS files.
2. It works on different platforms without any additional plugins.
3. Editable popup over each region and city for. (you need only edit content of “data-title” attribute)
4. Responsivness. This map can fit in its available dimension without horizontal scroll
5. Runs with javascript, no flash required, support iPad and iPhone
6. Full documentation included
7. Easily customized through simple JavaScript/css files

List of the clickable regions in the map of Germany

Each region can be customized independently (link, hover information, etc).

  1. Badden-Wurttemberg
  2. Bavaria
  3. Rhineland-Palatinate
  4. Saarland
  5. Hesse
  6. Thuringia
  7. Saxony
  8. North Rhine-Westphalia
  9. Saxony-Anhalt
  10. Mecklenburg-Vorpommern
  11. Brandenburg
  12. Berlin
  13. Lower Saxony
  14. Bremen
  15. Hamburg
  16. Schleswig-Holstein

File Included :

1. folder with documentation (html wile with some images)
2. an file index.html (svg with pathes)
3. an file with styles (germany_map.css)
4. an file with logic for hover (germany_map.js)
5. an external connection of jQuery
6. Included 16 regions of Germany
by
by
by
by
by
by