Map of Portugal

Map of Portugal

Interactive clickable and responsive map of Portugal with districts 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 Portugal gives you an easy way to install and customize a professional looking interactive map with 18 clickable districts (+Azores and Madeira) with their capitals. You can embed the map in your website and link each district/city to any webpage or make hover popup with information. In this version of map you have possibility to put number to any district and it will change color depends of number (the most big number will make district saturated, the most little – dim)

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 district 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 districts in the map of Portugal

1. Lisbon
2. Leiria
3. Santarém
4. Setúbal
5. Beja
6. Faro
7. Évora
8. Portalegre
9. Castelo Branco
10. Guarda
11. Coimbra
12. Aveiro
13. Viseu
14. Bragança
15. Vila Real
16. Porto
17. Braga
18. Viana do Castelo
19. Azores
20. Madeira

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

File Included :

1. folder with documentation (html wile with some images)
2. an file index.html (svg with pathes)
3. an file with styles (Portugal_map.css)
4. an file with logic for hover (Portugal_map.js)
5. an external connection of jQuery
6. Included 18 districts of Portugal with their capitals