CodeCanyon Responsive Map of Canada HTML5 4541457

CodeCanyon Responsive Map of Canada HTML5 4541457

CodeCanyon Responsive Map of Canada HTML5 4541457
HTML5 Code \ Chart \ Graphs
Resizable \ Platforms \ Mobile \ Responsive \ Rollover \ Maps \ Iphone \ Country

HTML5 Code - Responsive Map of Canada HTML5 4541457 by Art101 @ CodeCanyon

HTML5 Code \ Chart \ Graphs

Last Update: 18 April 13; Compatible Browsers: IE9, IE10, Firefox, Safari, Opera, Chrome; Software Version: HTML5; High Resolution: Yes; Files Included: JavaScript JS, HTML, CSS.

Responsive Map of Canada – HTML5
This map is built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics ( SVG ), So it can be scaled to any size without losing its quality.

- It doesn’t require special plugins to work such as Flash player, So it works on all platforms including iPad and iPhone .

- Each province has its own parameters so you can change upcolor, hover color and click color of each province also you can enable/disable the province. You can also add HTML formatted data for each province i.e you can change the font color, size, style, underline….etc

- You can add clickable links such as websites or emails.

- The scroll bar appears only with long content, i.e It’s autohide with short text. So you can add information as much as you want.

- Responsive; it can fit in its available space without the need to scroll horizontally while preserving its quality.

- Compitable with all major browsers including Google Chrome, Firefox IE9+, Safari and Opera.

Map Parameters.
- borderColor : inter-province borders.
- shadowColor : shadow color below the map.
- shadowOpacity : shadow opacity, value, 0-100.
- namesColor : color of the abbreviations.
- namesShadowColor : tooltip shadow color.
- msgTitle : default title text (advanced version).
- msgData : default content text (advanced version).
Per Province Parameters: This is what you can modify for each province.
- name : province name.
- data : HTML formatted data appears in the text box when a user clicks this province (advanced version).
- url : Goto URL (simple version).
- target : open link in new window:_blank, open in current window:_self (simple version).
- upcolor : province’s normal color.
- overcolor : province’s color when mouse hover.
- downcolor : province’s color when mouse clicks.
- enable : true/false to enable/disable this province.
Based on my old XML Interactive Map of Canada

You might be interested in.

Responsive USA Map - HTML5; USA Rollover Map Plugin.

Keywords: canada, canadian country, capital, customizable, interactive, ipad, iphone, maps, mobile, platforms, resizable, responsive, rollover, us, usa.

Tags: Canada, Responsive, Mobile, Platforms, Rollover

Premium CodeCanyon Responsive Map of Canada HTML5 4541457 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Responsive Map of Canada HTML5 4541457 for digital design and education. CodeCanyon Responsive Map of Canada HTML5 4541457 desigen style information or anything related.


Add Comments:
Enter Code: *