Interactive Maps Generator - DEMO

Visual Settings

Background Color
Map Border Color
Map Border Width (px)
Inactive Region Color
Tooltip Text Color
Markers Size
Width (px)
Height (px)
Keep Aspect Ratio

Javascript Embed Code

This is the generated code that you can copy and paste in any website you are building.
Current Settings Load Settings
This is a code snippet with the information about the current settings and data entered. You can save this in a text file and re-use it in the future.
You can paste into this textarea a previously saved code snippet or any of the ones available in the examples folder.
This is a display DEMO only. The generator will not work. Check out the examples page to see working examples of generated maps.

Map Settings

Region to Display
Display Mode
Active Region Action
Show Tooltip

Insert Custom Javascript Action Here

You can use Javascript and the array ivalue[selectedRegion] where variable selectedRegion is the code of the region clicked, and ivalue[selectedRegion] corresponds to the value inserted in the "Action Value" field. Example: alert(ivalue[selectedRegion]); // will display a custom alert message.
Interactive Regions - Simple Mode Advanced Mode
Region Code: Title: Tooltip: Action Value: Color:

Follow the suggestions

It will be the first line
of the tooltip.

It will be the second line
of the tooltip.

Paramater for the action.
Ex. Url for Open Url Action.
you can leave it blank,
for no action.
Advanced Data Editor
Here you can add or edit the CSV (comma-separated values) data that will be parsed to build the map.
It should follow this format:
Region Code, Tooltip Title, Tooltip Text, Action Value, HTML Color Value;
It should not use quotes. Example:
US, USA, Click to visit the White House Website,,#6699CC;
PT, Portugal, Click to visit Portugal's Government Website,,#660000;