CodeCanyon Responsive USA Map HTML5 4527698

Responsive USA Map HTML5

CodeCanyon Responsive USA Map HTML5 4527698
Script \ HTML5 Code \ Media
Version \ Advanced \ Enable \ Shadow \ Clicks \ Update \ Parameters \ Formatted

HTML5 Code - Responsive USA Map HTML5 4527698 by Art101 @ CodeCanyon

Script \ HTML5 Code \ Media

Responsive USA Map – HTML5

This is an interactive resizable vector map template built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics ( SVG ).

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

- Each state has its own parameters so you can change upcolor, hover color and click color of each state also you can enable/disable the state. You can also add HTML formatted data for each state 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.

- Easily integrated with WordPress using either iframe or HTML Snippets plugins.

Map Parameters.
- borderColor : inter-state borders.
- lakesColor : lakes color.
- 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 State Parameters: This is what you can modify for each state.
- name : state name.
- data : HTML formatted data appears in the text box when a user clicks this state (advanced version).
- url : Goto URL (simple version).
- target : open link in new window:_blank, open in current window:_self (simple version).
- upcolor : state’s normal color.
- overcolor : state’s color when mouse hover.
- downcolor : state’s color when mouse clicks.
- enable : true/false to enable/disable this state. Last Update.

- 23 July 2013: Fix IE10 bug in text box (advanced version), update the documentation files and enhance the tooltip style and use better naming of the files.

- 27 July 2013: Fixed an error in the approved update

- 12 October 2013: Fixed a rollover error with firefox

- 2 May 2014.
Enhancement of the interactivity with touch devices.
Enhancement of the CSS code.
Provides more detailed documentation.
In the “advanced” version, make the color of the selected state remains until the user clicks another state.

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

Christmas eCard Animation; 3D Text Effect - CSS3; Interactive World Map; Responsive UK Map - HTML5; Responsive Map of Australia - HTML5; Responsive Map of Canada - HTML5; USA Rollover Map Plugin.

Keywords: gmap, google maps, interactive map, ipad, iphone, map of america, mobile phones, no flash, resizable, rollover, united states map, us map, wordpress plugin, world, wp map.


Add Comments:
Enter Code: *