ZSmap of Canada

ZSmap of Canada

Map of Canada

Interactive clickable and responsive map of Canada with possibility of adding markers using coordinates (lat/lng). 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 Canada gives you an easy way to install and customize a professional looking interactive map with 13 clickable regions. In this version of map you have possibility to easely set markers with information you will see at infobox. Regions also have possibility to display infobox. Also this map is a most detailed svg map of Canada in a world! This map contains a lot of islands, limits are neats and very detailed


1. The map consists of HTML/CSS/JS files.
2. Markers using coordinates
2. It works on different platforms without any additional plugins.
3. Editable infobox over each region and city for.
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 Canada

  1. Alberta
  2. British Columbia
  3. Manitoba
  4. New Brunswick
  5. Newfoundland and Labrador
  6. Northwest Territories
  7. Nova Scotia
  8. Nunavut
  9. Ontario
  10. Prince Edward Island
  11. Quebec
  12. Saskatchewan
  13. Yukon

Each region can be customized independently (color, hover, infobox etc).

File Included :

1. folder with documentation (html file with some images)
2. an file index.html (svg with pathes)
3. an file with styles (zs_canada_map.css)
4. an file with logic for hover (zs_canada_map.js)
4. an file with our settings (zs_main.js)
5. an external connection of jQuery
6. Included 13 regions of Canada

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey