Interactive Maps Generator

US Elections Map
World Map - Countries
World Map - Continents
Australia
France - Regions - Custom Action
Germany - Markers - Custom Action
South America - Spoken Languages
United Kingdom - Capital Cities
Europe - Capital Cities
Brazil - Regions

US Elections Map

Description
Example of an US Map divided States with an alert message onclick.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'US-AK',f:'Alaska'},0,'Obama (D)']]);
 ivalue['US-AK'] = 'Obama (D)  will <span style="color:#444; font-weight:bold;">win</span> in Alaska.';

data.addRows([[{v:'US-AL',f:'Alabama'},1,'Obama (D)']]);
 ivalue['US-AL'] = 'Obama (D) will win in Alabama';

data.addRows([[{v:'US-AR',f:'Arkansas'},2,'Obama (D)']]);
 ivalue['US-AR'] = 'Obama (D) will win in Arkansas';

data.addRows([[{v:'US-AZ',f:'Arizona'},3,'Obama (D)']]);
 ivalue['US-AZ'] = 'Obama (D) will win in Arizona';

data.addRows([[{v:'US-CA',f:'California'},4,'Obama (D)']]);
 ivalue['US-CA'] = 'Obama (D) will win in California';

data.addRows([[{v:'US-CO',f:'Colorado'},5,'Obama (D)']]);
 ivalue['US-CO'] = 'Obama (D) will win in Colorado';

data.addRows([[{v:'US-CT',f:'Connecticut'},6,'Obama (D)']]);
 ivalue['US-CT'] = 'Obama (D) will win in Connecticut';

data.addRows([[{v:'US-DE',f:'Delaware'},7,'Obama (D)']]);
 ivalue['US-DE'] = 'Obama (D) will win in Delaware';

data.addRows([[{v:'US-FL',f:'Florida'},8,'Obama (D)']]);
 ivalue['US-FL'] = 'Obama (D) will win in Florida';

data.addRows([[{v:'US-GA',f:'Georgia'},9,'Obama (D)']]);
 ivalue['US-GA'] = 'Obama (D) will win in Georgia';

data.addRows([[{v:'US-HI',f:'Hawaii'},10,'Obama (D)']]);
 ivalue['US-HI'] = 'Obama (D) will win in Hawaii';

data.addRows([[{v:'US-IA',f:'Iowa'},11,'Obama (D)']]);
 ivalue['US-IA'] = 'Obama (D) will win in Iowa';

data.addRows([[{v:'US-ID',f:'Idaho'},12,'Obama (D)']]);
 ivalue['US-ID'] = 'Obama (D) will win in Idaho';

data.addRows([[{v:'US-IL',f:'Illinois'},13,'Obama (D)']]);
 ivalue['US-IL'] = 'Obama (D) will win in Illinois';

data.addRows([[{v:'US-IN',f:'Indiana'},14,'Obama (D)']]);
 ivalue['US-IN'] = 'Obama (D) will win in Indiana';

data.addRows([[{v:'US-KS',f:'Kansas'},15,'Obama (D)']]);
 ivalue['US-KS'] = 'Obama (D) will win in Kansas';

data.addRows([[{v:'US-KY',f:'Kentucky'},16,'Obama (D)']]);
 ivalue['US-KY'] = 'Obama (D) will win in Kentucky';

data.addRows([[{v:'US-LA',f:'Louisiana'},17,'Obama (D)']]);
 ivalue['US-LA'] = 'Obama (D) will win in Louisiana';

data.addRows([[{v:'US-MA',f:'Massachusetts'},18,'Obama (D)']]);
 ivalue['US-MA'] = 'Obama (D) will win in Massachusetts';

data.addRows([[{v:'US-MD',f:'Maryland'},19,'Obama (D)']]);
 ivalue['US-MD'] = 'Obama (D) will win in Maryland';

data.addRows([[{v:'US-ME',f:'Maine'},20,'Obama (D)']]);
 ivalue['US-ME'] = 'Obama (D) will win in Maine';

data.addRows([[{v:'US-MI',f:'Michigan'},21,'Obama (D)']]);
 ivalue['US-MI'] = 'Obama (D) will win in Michigan';

data.addRows([[{v:'US-MN',f:'Minnesota'},22,'Obama (D)']]);
 ivalue['US-MN'] = 'Obama (D) will win in Minnesota';

data.addRows([[{v:'US-MO',f:'Missouri'},23,'Obama (D)']]);
 ivalue['US-MO'] = 'Obama (D) will win in Missouri';

data.addRows([[{v:'US-MS',f:'Mississippi'},24,'Obama (D)']]);
 ivalue['US-MS'] = 'Obama (D) will win in Mississippi';

data.addRows([[{v:'US-MT',f:'Montana'},25,'Obama (D)']]);
 ivalue['US-MT'] = 'Obama (D) will win in Montana';

data.addRows([[{v:'US-NC',f:'North Carolina'},26,'Romney (R)']]);
 ivalue['US-NC'] = 'Romney (R) will win in North Carolina';

data.addRows([[{v:'US-ND',f:'North Dakota'},27,'Romney (R)']]);
 ivalue['US-ND'] = 'Romney (R) will win in North Dakota';

data.addRows([[{v:'US-NE',f:'Nebraska'},28,'Romney (R)']]);
 ivalue['US-NE'] = 'Romney (R) will win in Nebraska';

data.addRows([[{v:'US-NH',f:'New Hampshire'},29,'Romney (R)']]);
 ivalue['US-NH'] = 'Romney (R) will win in New Hampshire';

data.addRows([[{v:'US-NJ',f:'New Jersey'},30,'Romney (R)']]);
 ivalue['US-NJ'] = 'Romney (R) will win in New Jersey';

data.addRows([[{v:'US-NM',f:'New Mexico'},31,'Romney (R)']]);
 ivalue['US-NM'] = 'Romney (R) will win in New Mexico';

data.addRows([[{v:'US-NV',f:'Nevada'},32,'Romney (R)']]);
 ivalue['US-NV'] = 'Romney (R) will win in Nevada';

data.addRows([[{v:'US-NY',f:'New York'},33,'Romney (R)']]);
 ivalue['US-NY'] = 'Romney (R) will win in New York';

data.addRows([[{v:'US-OH',f:'Ohio'},34,'Romney (R)']]);
 ivalue['US-OH'] = 'Romney (R) will win in Ohio';

data.addRows([[{v:'US-OK',f:'Oklahoma'},35,'Romney (R)']]);
 ivalue['US-OK'] = 'Romney (R) will win in Oklahoma';

data.addRows([[{v:'US-OR',f:'Oregon'},36,'Romney (R)']]);
 ivalue['US-OR'] = 'Romney (R) will win in Oregon';

data.addRows([[{v:'US-PA',f:'Pennsylvania'},37,'Romney (R)']]);
 ivalue['US-PA'] = 'Romney (R) will win in Pennsylvania';

data.addRows([[{v:'US-RI',f:'Rhode Island'},38,'Romney (R)']]);
 ivalue['US-RI'] = 'Romney (R) will win in Rhode Island';

data.addRows([[{v:'US-SC',f:'South Carolina'},39,'Romney (R)']]);
 ivalue['US-SC'] = 'Romney (R) will win in South Carolina';

data.addRows([[{v:'US-SD',f:'South Dakota'},40,'Romney (R)']]);
 ivalue['US-SD'] = 'Romney (R) will win in South Dakota';

data.addRows([[{v:'US-TN',f:'Tennessee'},41,'Romney (R)']]);
 ivalue['US-TN'] = 'Romney (R) will win in Tennessee';

data.addRows([[{v:'US-TX',f:'Texas'},42,'Undecided']]);
 ivalue['US-TX'] = 'People are Undecided in Texas';

data.addRows([[{v:'US-UT',f:'Utah'},43,'Undecided']]);
 ivalue['US-UT'] = 'People are Undecided in Utah';

data.addRows([[{v:'US-VA',f:'Virginia'},44,'Undecided']]);
 ivalue['US-VA'] = 'People are Undecided in Virginia';

data.addRows([[{v:'US-VT',f:'Vermont'},45,'Undecided']]);
 ivalue['US-VT'] = 'People are Undecided in Vermont';

data.addRows([[{v:'US-WA',f:'Washington'},46,'Undecided']]);
 ivalue['US-WA'] = 'People are Undecided in Washington';

data.addRows([[{v:'US-WI',f:'Wisconsin'},47,'Undecided']]);
 ivalue['US-WI'] = 'People are Undecided in Wisconsin';

data.addRows([[{v:'US-WV',f:'West Virginia'},48,'Undecided']]);
 ivalue['US-WV'] = 'People are Undecided in West Virginia';

data.addRows([[{v:'US-WY',f:'Wyoming'},49,'Undecided']]);
 ivalue['US-WY'] = 'People are Undecided in Wyoming';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

{"bgcolor":"#FFFFFF","stroke":"0","bordercolor":"#FFFFFF","incolor":"#f5f5f5","width":"600","height":"400","aspratio":"true","tooltipcolor":"#444444","tooltip":"hover","interact":"true","areacombo":"US,provinces","markersize":"10","displaymode":"regions","mapaction":"i_map_action_alert","customaction":"","placestxt":"US-AK%2CAlaska%2CObama%20%28D%29%2CObama%20%28D%29%20%20will%20%3Cspan%20style%3D%22color%3A%23444%26%2359%20font-weight%3Abold%26%2359%22%3Ewin%3C/span%3E%20in%20Alaska.%2C%23438094%3BUS-AL%2CAlabama%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Alabama%2C%23438094%3BUS-AR%2CArkansas%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Arkansas%2C%23438094%3BUS-AZ%2CArizona%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Arizona%2C%23438094%3BUS-CA%2CCalifornia%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20California%2C%23438094%3BUS-CO%2CColorado%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Colorado%2C%23438094%3BUS-CT%2CConnecticut%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Connecticut%2C%23438094%3BUS-DE%2CDelaware%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Delaware%2C%23438094%3BUS-FL%2CFlorida%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Florida%2C%23438094%3BUS-GA%2CGeorgia%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Georgia%2C%23438094%3BUS-HI%2CHawaii%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Hawaii%2C%23438094%3BUS-IA%2CIowa%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Iowa%2C%23438094%3BUS-ID%2CIdaho%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Idaho%2C%23438094%3BUS-IL%2CIllinois%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Illinois%2C%23438094%3BUS-IN%2CIndiana%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Indiana%2C%23438094%3BUS-KS%2CKansas%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Kansas%2C%23438094%3BUS-KY%2CKentucky%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Kentucky%2C%23438094%3BUS-LA%2CLouisiana%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Louisiana%2C%23438094%3BUS-MA%2CMassachusetts%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Massachusetts%2C%23438094%3BUS-MD%2CMaryland%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Maryland%2C%23438094%3BUS-ME%2CMaine%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Maine%2C%23438094%3BUS-MI%2CMichigan%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Michigan%2C%23438094%3BUS-MN%2CMinnesota%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Minnesota%2C%23438094%3BUS-MO%2CMissouri%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Missouri%2C%23438094%3BUS-MS%2CMississippi%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Mississippi%2C%23438094%3BUS-MT%2CMontana%2CObama%20%28D%29%2CObama%20%28D%29%20will%20win%20in%20Montana%2C%23438094%3BUS-NC%2CNorth%20Carolina%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20North%20Carolina%2C%23DE3403%3BUS-ND%2CNorth%20Dakota%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20North%20Dakota%2C%23DE3403%3BUS-NE%2CNebraska%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Nebraska%2C%23DE3403%3BUS-NH%2CNew%20Hampshire%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20New%20Hampshire%2C%23DE3403%3BUS-NJ%2CNew%20Jersey%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20New%20Jersey%2C%23DE3403%3BUS-NM%2CNew%20Mexico%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20New%20Mexico%2C%23DE3403%3BUS-NV%2CNevada%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Nevada%2C%23DE3403%3BUS-NY%2CNew%20York%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20New%20York%2C%23DE3403%3BUS-OH%2COhio%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Ohio%2C%23DE3403%3BUS-OK%2COklahoma%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Oklahoma%2C%23DE3403%3BUS-OR%2COregon%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Oregon%2C%23DE3403%3BUS-PA%2CPennsylvania%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Pennsylvania%2C%23DE3403%3BUS-RI%2CRhode%20Island%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Rhode%20Island%2C%23DE3403%3BUS-SC%2CSouth%20Carolina%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20South%20Carolina%2C%23DE3403%3BUS-SD%2CSouth%20Dakota%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20South%20Dakota%2C%23DE3403%3BUS-TN%2CTennessee%2CRomney%20%28R%29%2CRomney%20%28R%29%20will%20win%20in%20Tennessee%2C%23DE3403%3BUS-TX%2CTexas%2CUndecided%2CPeople%20are%20Undecided%20in%20Texas%2C%23E0D39E%3BUS-UT%2CUtah%2CUndecided%2CPeople%20are%20Undecided%20in%20Utah%2C%23E0D39E%3BUS-VA%2CVirginia%2CUndecided%2CPeople%20are%20Undecided%20in%20Virginia%2C%23E0D39E%3BUS-VT%2CVermont%2CUndecided%2CPeople%20are%20Undecided%20in%20Vermont%2C%23E0D39E%3BUS-WA%2CWashington%2CUndecided%2CPeople%20are%20Undecided%20in%20Washington%2C%23E0D39E%3BUS-WI%2CWisconsin%2CUndecided%2CPeople%20are%20Undecided%20in%20Wisconsin%2C%23E0D39E%3BUS-WV%2CWest%20Virginia%2CUndecided%2CPeople%20are%20Undecided%20in%20West%20Virginia%2C%23E0D39E%3BUS-WY%2CWyoming%2CUndecided%2CPeople%20are%20Undecided%20in%20Wyoming%2C%23E0D39E%3B"}

World Map - Countries

Description
Example of a world map with some countries highlighted and a custom tooltip.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'US',f:'United States of America'},0,'21% of Visits']]);
 ivalue['US'] = '';

data.addRows([[{v:'GB',f:'United Kingdom'},1,'7% of visits']]);
 ivalue['GB'] = '';

data.addRows([[{v:'DE',f:'Germany'},2,'6% of visits']]);
 ivalue['DE'] = '';

data.addRows([[{v:'FR',f:'France'},3,'5% of visits']]);
 ivalue['FR'] = '';

data.addRows([[{v:'ES',f:'Spain'},4,'5% of visits']]);
 ivalue['ES'] = '';

data.addRows([[{v:'CA',f:'Canada'},5,'4% of visits']]);
 ivalue['CA'] = '';

data.addRows([[{v:'IT',f:'Italy'},6,'4% of visits']]);
 ivalue['IT'] = '';

data.addRows([[{v:'NL',f:'The Netherlands'},7,'4% of visits']]);
 ivalue['NL'] = '';

data.addRows([[{v:'BR',f:'Brazil'},8,'4% of visits']]);
 ivalue['BR'] = '';

data.addRows([[{v:'TR',f:'Turkey'},9,'3% of visits']]);
 ivalue['TR'] = '';

data.addRows([[{v:'IN',f:'India'},10,'3% of visits']]);
 ivalue['IN'] = '';

data.addRows([[{v:'RU',f:'Russia'},11,'3% of visits']]);
 ivalue['RU'] = '';

data.addRows([[{v:'AU',f:'Australia'},12,'2% of visits']]);
 ivalue['AU'] = '';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

{"bgcolor":"#FFFFFF","stroke":"0","bordercolor":"#FFFFFF","incolor":"#F5F0E7","width":"600","height":"400","aspratio":"true","tooltipcolor":"#444444","tooltip":"focus","interact":"true","areacombo":"world,countries","markersize":"10","displaymode":"regions","mapaction":"none","customaction":"","placestxt":"US%2CUnited%20States%20of%20America%2C21%25%20of%20Visits%2C%2C%23D95F0E%3BGB%2CUnited%20Kingdom%2C7%25%20of%20visits%2C%2C%23FEC44F%3BDE%2CGermany%2C6%25%20of%20visits%2C%2C%23FEC44F%3BFR%2CFrance%2C5%25%20of%20visits%2C%2C%23FEC44F%3BES%2CSpain%2C5%25%20of%20visits%2C%2C%23FEC44F%3BCA%2CCanada%2C4%25%20of%20visits%2C%2C%23FEC44F%3BIT%2CItaly%2C4%25%20of%20visits%2C%2C%23FEC44F%3BNL%2CThe%20Netherlands%2C4%25%20of%20visits%2C%2C%23FEC44F%3BBR%2CBrazil%2C4%25%20of%20visits%2C%2C%23FEC44F%3BTR%2CTurkey%2C3%25%20of%20visits%2C%2C%23FFF7BC%3BIN%2CIndia%2C3%25%20of%20visits%2C%2C%23FFF7BC%3BRU%2CRussia%2C3%25%20of%20visits%2C%2C%23FFF7BC%3BAU%2CAustralia%2C2%25%20of%20visits%2C%2C%23FFF7BC%3B"}

World Map - Continents

Description
Example of a world map with the continents highlighted.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'002',f:'Africa'},0,'Click to go to wikipedia']]);
 ivalue['002'] = 'http://en.wikipedia.org/wiki/Africa';

data.addRows([[{v:'150',f:'Europe'},1,'Click to visit Wikipedia']]);
 ivalue['150'] = 'http://en.wikipedia.org/wiki/Europe';

data.addRows([[{v:'019',f:'Americas'},2,'Click to visit Wikipedia']]);
 ivalue['019'] = 'http://en.wikipedia.org/wiki/Americas';

data.addRows([[{v:'142',f:'Asia'},3,'Click to visit Wikipedia']]);
 ivalue['142'] = 'http://en.wikipedia.org/wiki/Asia';

data.addRows([[{v:'009',f:'Oceania'},4,'Click to visit Wikipedia']]);
 ivalue['009'] = 'http://en.wikipedia.org/wiki/Oceania';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

Australia

Description
Example of the Australia map that sends the user to the wikipedia page after the user clicks on one of the states.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'AU-NSW',f:'New South Wales'},0,'Click to visit Wikipedia']]);
 ivalue['AU-NSW'] = 'http://en.wikipedia.org/wiki/New_South_Wales';

data.addRows([[{v:'AU-QLD',f:'Queensland'},1,'Click to visit Wikipedia']]);
 ivalue['AU-QLD'] = 'http://en.wikipedia.org/wiki/Queensland';

data.addRows([[{v:'AU-SA',f:'South Australia'},2,'Click to visit Wikipedia']]);
 ivalue['AU-SA'] = 'http://en.wikipedia.org/wiki/South_Australia';

data.addRows([[{v:'AU-TAS',f:'Tasmania'},3,'Click to visit Wikipedia']]);
 ivalue['AU-TAS'] = 'http://en.wikipedia.org/wiki/Tasmania';

data.addRows([[{v:'AU-VIC',f:'Victoria'},4,'Click to visit Wikipedia']]);
 ivalue['AU-VIC'] = 'http://en.wikipedia.org/wiki/Victoria_(Australia)';

data.addRows([[{v:'AU-WA',f:'Western Australia'},5,'Click to visit Wikipedia']]);
 ivalue['AU-WA'] = 'http://en.wikipedia.org/wiki/Western_Australia';

data.addRows([[{v:'AU-NT',f:'Northern Territory'},6,'Click to visit Wikipedia']]);
 ivalue['AU-NT'] = 'http://en.wikipedia.org/wiki/Northern_Territory';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

France - Regions - Custom Action

Description
Example of a map of France with highlighted regions and a custom action: the background color of the page will change when the user clicks one of the regions.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'FR-A',f:'Alsace'},0,'Click to change background color']]);
 ivalue['FR-A'] = '#3182BD';

data.addRows([[{v:'FR-B',f:'Aquitaine'},1,'Click to change background color']]);
 ivalue['FR-B'] = '#3182BD';

data.addRows([[{v:'FR-C',f:'Auvergne'},2,'Click to change background color']]);
 ivalue['FR-C'] = '#3182BD';

data.addRows([[{v:'FR-D',f:'Bourgogne'},3,'Click to change background color']]);
 ivalue['FR-D'] = '#3182BD';

data.addRows([[{v:'FR-E',f:'Bretagne'},4,'Click to change background color']]);
 ivalue['FR-E'] = '#3182BD';

data.addRows([[{v:'FR-F',f:'Centre'},5,'Click to change background color']]);
 ivalue['FR-F'] = '#3182BD';

data.addRows([[{v:'FR-G',f:'Champagne-Ardenne'},6,'Click to change background color']]);
 ivalue['FR-G'] = '#3182BD';

data.addRows([[{v:'FR-H',f:'Corse'},7,'Click to change background color']]);
 ivalue['FR-H'] = '#3182BD';

data.addRows([[{v:'FR-I',f:'Franche-Comte'},8,'Click to change background color']]);
 ivalue['FR-I'] = '#3182BD';

data.addRows([[{v:'FR-J',f:'Ile-de-France'},9,'Click to change background color']]);
 ivalue['FR-J'] = '#9ECAE1';

data.addRows([[{v:'FR-K',f:'Languedoc-Roussillon'},10,'Click to change background color']]);
 ivalue['FR-K'] = '#9ECAE1';

data.addRows([[{v:'FR-L',f:'Limousin'},11,'Click to change background color']]);
 ivalue['FR-L'] = '#9ECAE1';

data.addRows([[{v:'FR-M',f:'Lorraine'},12,'Click to change background color']]);
 ivalue['FR-M'] = '#9ECAE1';

data.addRows([[{v:'FR-N',f:'Midi-Pyrenees'},13,'Click to change background color']]);
 ivalue['FR-N'] = '#9ECAE1';

data.addRows([[{v:'FR-O',f:'Nord-Pas-de-Calais'},14,'Click to change background color']]);
 ivalue['FR-O'] = '#9ECAE1';

data.addRows([[{v:'FR-P',f:'Basse-Normandie'},15,'Click to change background color']]);
 ivalue['FR-P'] = '#9ECAE1';

data.addRows([[{v:'FR-Q',f:'Haute-Normandie'},16,'Click to change background color']]);
 ivalue['FR-Q'] = '#9ECAE1';

data.addRows([[{v:'FR-R',f:'Pays de la Loire'},17,'Click to change background color']]);
 ivalue['FR-R'] = '#DEEBF7';

data.addRows([[{v:'FR-S',f:'Picardie'},18,'Click to change background color']]);
 ivalue['FR-S'] = '#DEEBF7';

data.addRows([[{v:'FR-T',f:'Poitou-Charentes'},19,'Click to change background color']]);
 ivalue['FR-T'] = '#DEEBF7';

data.addRows([[{v:'FR-U',f:'Provence-Alpes-Cote d\'Azur'},20,'Click to change background color']]);
 ivalue['FR-U'] = '#DEEBF7';

data.addRows([[{v:'FR-V',f:'Rhone-Alpes'},21,'Click to change background color']]);
 ivalue['FR-V'] = '#DEEBF7';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

Germany - Markers - Custom Action

Description
Example of a map of Germany with markers on two cities with a custom action: on click, it will display information below the map about the map chosen. For this example we added an extra div in the end of the embed code to display the content.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'Hamburg Germany',f:'Google Hamburg'},0,'Click to see details']]);
 ivalue['Hamburg Germany'] = '<strong>Google Hamburg</strong><br />Google Germany GmbH<br />ABC-Strasse 19<br />20354 Hamburg<br />Germany<br />Phone: +49 40-80-81-79-000<br />Fax: +49 40-4921-9194 ';

data.addRows([[{v:'Munich Germany',f:'Google Munich'},1,'Click to see details']]);
 ivalue['Munich Germany'] = '<strong>Google Munich</strong><br />Google Germany GmbH<br />Dienerstrasse 12<br />80331 Munich<br />Germany ';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

South America - Spoken Languages

Description
Example of the South America map with countries highlighted.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'AR',f:'Argentina'},0,'Spanish']]);
 ivalue['AR'] = 'http://en.wikipedia.org/wiki/Spanish_language';

data.addRows([[{v:'BO',f:'Bolivia'},1,'Spanish -  Quechua - Aymara and 34 other native languages']]);
 ivalue['BO'] = 'http://en.wikipedia.org/wiki/Languages_of_Bolivia';

data.addRows([[{v:'BR',f:'Brazil'},2,'Portuguese']]);
 ivalue['BR'] = 'http://en.wikipedia.org/wiki/Portuguese_language';

data.addRows([[{v:'CL',f:'Chile'},3,'Spanish']]);
 ivalue['CL'] = 'http://en.wikipedia.org/wiki/Spanish_language';

data.addRows([[{v:'CO',f:'Colombia'},4,'Spanish']]);
 ivalue['CO'] = 'http://en.wikipedia.org/wiki/Spanish_language';

data.addRows([[{v:'EC',f:'Ecuador'},5,'Spanish']]);
 ivalue['EC'] = 'http://en.wikipedia.org/wiki/Spanish_language';

data.addRows([[{v:'FK',f:'Falkland Islands (Malvinas)'},6,'English']]);
 ivalue['FK'] = 'http://en.wikipedia.org/wiki/English_language';

data.addRows([[{v:'GF',f:'French Guiana'},7,'French']]);
 ivalue['GF'] = 'http://en.wikipedia.org/wiki/French_language';

data.addRows([[{v:'GY',f:'Guyana'},8,'English']]);
 ivalue['GY'] = 'http://en.wikipedia.org/wiki/Languages_of_Guyana';

data.addRows([[{v:'PE',f:'Peru'},9,'Spanish']]);
 ivalue['PE'] = 'http://en.wikipedia.org/wiki/Languages_of_Peru';

data.addRows([[{v:'PY',f:'Paraguay'},10,'Spanish and Guarani']]);
 ivalue['PY'] = 'http://en.wikipedia.org/wiki/Languages_of_Paraguay';

data.addRows([[{v:'SR',f:'Suriname'},11,'Dutch']]);
 ivalue['SR'] = 'http://en.wikipedia.org/wiki/Suriname#Languages';

data.addRows([[{v:'UY',f:'Uruguay'},12,'Spanish']]);
 ivalue['UY'] = 'http://en.wikipedia.org/wiki/Rioplatense_Spanish';

data.addRows([[{v:'VE',f:'Venezuela'},13,'Spanish']]);
 ivalue['VE'] = 'http://en.wikipedia.org/wiki/Languages_of_Venezuela';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

{"bgcolor":"transparent","stroke":"0","bordercolor":"#FFFFFF","incolor":"#f5f5f5","width":"600","height":"400","aspratio":"true","tooltipcolor":"#444444","tooltip":"focus","interact":"true","areacombo":"005,countries","markersize":"10","displaymode":"regions","mapaction":"i_map_action_open_url_new","customaction":"","placestxt":"AR%2CArgentina%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Spanish_language%2C%23A10509%3BBO%2CBolivia%2CSpanish%20-%20%20Quechua%20-%20Aymara%20and%2034%20other%20native%20languages%2Chttp%3A//en.wikipedia.org/wiki/Languages_of_Bolivia%2C%23700306%3BBR%2CBrazil%2CPortuguese%2Chttp%3A//en.wikipedia.org/wiki/Portuguese_language%2C%2366943E%3BCL%2CChile%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Spanish_language%2C%23A10509%3BCO%2CColombia%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Spanish_language%2C%23A10509%3BEC%2CEcuador%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Spanish_language%2C%23A10509%3BFK%2CFalkland%20Islands%20%28Malvinas%29%2CEnglish%2Chttp%3A//en.wikipedia.org/wiki/English_language%2C%23438094%3BGF%2CFrench%20Guiana%2CFrench%2Chttp%3A//en.wikipedia.org/wiki/French_language%2C%233C5AA3%3BGY%2CGuyana%2CEnglish%2Chttp%3A//en.wikipedia.org/wiki/Languages_of_Guyana%2C%23438094%3BPE%2CPeru%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Languages_of_Peru%2C%23A10509%3BPY%2CParaguay%2CSpanish%20and%20Guarani%2Chttp%3A//en.wikipedia.org/wiki/Languages_of_Paraguay%2C%238C0408%3BSR%2CSuriname%2CDutch%2Chttp%3A//en.wikipedia.org/wiki/Suriname%23Languages%2C%23D77E2E%3BUY%2CUruguay%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Rioplatense_Spanish%2C%23A10509%3BVE%2CVenezuela%2CSpanish%2Chttp%3A//en.wikipedia.org/wiki/Languages_of_Venezuela%2C%23A10509%3B"}

United Kingdom - Capital Cities

Description
Example of the UK map with some markers.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'London',f:'London'},0,'Capital of England']]);
 ivalue['London'] = '';

data.addRows([[{v:'Edinburgh',f:'Edinburgh'},1,'Capital of Scotland']]);
 ivalue['Edinburgh'] = '';

data.addRows([[{v:'Belfast',f:'Belfast'},2,'Capital of Northern Ireland']]);
 ivalue['Belfast'] = '';

data.addRows([[{v:'Cardiff ',f:'Cardiff '},3,'Capital of Wales']]);
 ivalue['Cardiff '] = '';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

Europe - Capital Cities

Description
Example of the map of Europe with marker on the capital cities.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'Lisbon  Portugal',f:'LISBON'},0,'Capital of Portugal']]);
 ivalue['Lisbon  Portugal'] = 'http://en.wikipedia.org/wiki/Lisbon';

data.addRows([[{v:'Madrid Spain',f:'MADRID'},1,'Capital of Spain']]);
 ivalue['Madrid Spain'] = 'http://en.wikipedia.org/wiki/Madrid';

data.addRows([[{v:'Paris France',f:'PARIS'},2,'Capital of France']]);
 ivalue['Paris France'] = 'http://en.wikipedia.org/wiki/Paris';

data.addRows([[{v:'London England',f:'LONDON'},3,'Capital of England']]);
 ivalue['London England'] = 'http://en.wikipedia.org/wiki/London';

data.addRows([[{v:'Amsterdam Netherlands',f:'AMSTERDAM'},4,'Capital of the Netherlands']]);
 ivalue['Amsterdam Netherlands'] = 'http://en.wikipedia.org/wiki/Amsterdam';

data.addRows([[{v:'Ankara Turkey',f:'ANKARA'},5,'Capital of Turkey']]);
 ivalue['Ankara Turkey'] = 'http://en.wikipedia.org/wiki/Ankara';

data.addRows([[{v:'Athens Greece',f:'ATHENS'},6,'Capital of Greece']]);
 ivalue['Athens Greece'] = 'http://en.wikipedia.org/wiki/Athens';

data.addRows([[{v:'Baku Azerbaijan',f:'BAKU'},7,'Capital of Azerbaijan']]);
 ivalue['Baku Azerbaijan'] = 'http://en.wikipedia.org/wiki/Baku';

data.addRows([[{v:'Belgrade Serbia',f:'BELGRADE'},8,'Capital of Serbia']]);
 ivalue['Belgrade Serbia'] = 'http://en.wikipedia.org/wiki/Belgrade';

data.addRows([[{v:'Berlin Germany',f:'BERLIN'},9,'Capital of Germany']]);
 ivalue['Berlin Germany'] = 'http://en.wikipedia.org/wiki/Berlin';

data.addRows([[{v:'Berne Switzerland',f:'BERNE'},10,'Capital of  Switzerland']]);
 ivalue['Berne Switzerland'] = 'http://en.wikipedia.org/wiki/Berne';

data.addRows([[{v:'Bratislava Slovakia',f:'BRATISLAVA'},11,'Capital of Slovakia']]);
 ivalue['Bratislava Slovakia'] = 'http://en.wikipedia.org/wiki/Bratislava';

data.addRows([[{v:'Bucharest Romania',f:'BUCHAREST'},12,'Capital of Romania']]);
 ivalue['Bucharest Romania'] = 'http://en.wikipedia.org/wiki/Bucharest';

data.addRows([[{v:'Budapest Hungary',f:'BUDAPEST'},13,'Capital of Hungary']]);
 ivalue['Budapest Hungary'] = 'http://en.wikipedia.org/wiki/Budapest';

data.addRows([[{v:'Chisinau Moldova',f:'Chisinau'},14,'Capital of Moldova']]);
 ivalue['Chisinau Moldova'] = 'http://en.wikipedia.org/wiki/Chi%C5%9Fin%C4%83u';

data.addRows([[{v:'Brussels Belgium',f:'BRUSSELS'},15,'Capital of Belgium']]);
 ivalue['Brussels Belgium'] = 'http://en.wikipedia.org/wiki/City_of_Brussels';

data.addRows([[{v:'San Marino',f:'SAN MARINO'},16,'']]);
 ivalue['San Marino'] = 'http://en.wikipedia.org/wiki/City_of_San_Marino';

data.addRows([[{v:'Copenhagen Denmark',f:'COPENHAGEN'},17,'Capital of Denmark']]);
 ivalue['Copenhagen Denmark'] = 'http://en.wikipedia.org/wiki/Copenhagen';

data.addRows([[{v:'Dublin Republic of Ireland',f:'DUBLIN'},18,'Capital of the Republic of Ireland']]);
 ivalue['Dublin Republic of Ireland'] = 'http://en.wikipedia.org/wiki/Dublin';

data.addRows([[{v:'Helsinki Finland',f:'HELSINKI'},19,'Capital of Finland']]);
 ivalue['Helsinki Finland'] = 'http://en.wikipedia.org/wiki/Helsinki';

data.addRows([[{v:'Kiev Ukraine',f:'KIEV'},20,'Capital of Ukraine']]);
 ivalue['Kiev Ukraine'] = 'http://en.wikipedia.org/wiki/Kiev';

data.addRows([[{v:'Ljubljana Slovenia',f:'LJUBLJANA'},21,'Capital of Slovenia']]);
 ivalue['Ljubljana Slovenia'] = 'http://en.wikipedia.org/wiki/Ljubljana';

data.addRows([[{v:'Luxembourg City',f:'LUXEMBURG CITY'},22,'Capital of Luxembourg']]);
 ivalue['Luxembourg City'] = 'http://en.wikipedia.org/wiki/Luxembourg_(city)';

data.addRows([[{v:'Minsk Belarus',f:'MINSK'},23,'Capital of Belarus']]);
 ivalue['Minsk Belarus'] = 'http://en.wikipedia.org/wiki/Minsk';

data.addRows([[{v:'Monaco',f:'Monaco'},24,'Capital of Monaco']]);
 ivalue['Monaco'] = 'http://en.wikipedia.org/wiki/Monaco';

data.addRows([[{v:'Moscow Russia',f:'MOSCOW '},25,'Capital of Russia']]);
 ivalue['Moscow Russia'] = 'http://en.wikipedia.org/wiki/Moscow';

data.addRows([[{v:'Oslo Norway',f:'OSLO'},26,'Capital of Norway']]);
 ivalue['Oslo Norway'] = 'http://en.wikipedia.org/wiki/Oslo';

data.addRows([[{v:'Podgorica Montenegro',f:'PODGORICA'},27,'Capital of Montenegro']]);
 ivalue['Podgorica Montenegro'] = 'http://en.wikipedia.org/wiki/Podgorica';

data.addRows([[{v:'Prague Czech Republic',f:'PRAGUE'},28,'Capital of Czech Republic']]);
 ivalue['Prague Czech Republic'] = 'http://en.wikipedia.org/wiki/Prague';

data.addRows([[{v:'Reykjavik Iceland',f:'REYKJAVIK'},29,'Capital of Iceland']]);
 ivalue['Reykjavik Iceland'] = 'http://en.wikipedia.org/wiki/Reykjav%C3%ADk';

data.addRows([[{v:'Riga Latvia',f:'Riga'},30,'Capital of Latvia']]);
 ivalue['Riga Latvia'] = 'http://en.wikipedia.org/wiki/Riga';

data.addRows([[{v:'Rome Italy',f:'ROME'},31,'Capital of Italy']]);
 ivalue['Rome Italy'] = 'http://en.wikipedia.org/wiki/Rome';

data.addRows([[{v:'Sarajevo Bosnia and Herzegovina',f:'SARAJEVO'},32,'Capital of Bosnia and Herzegovina']]);
 ivalue['Sarajevo Bosnia and Herzegovina'] = 'http://en.wikipedia.org/wiki/Sarajevo';

data.addRows([[{v:'Skopje Macedonia',f:'SKOPJE'},33,'Capital of Macedonia']]);
 ivalue['Skopje Macedonia'] = 'http://en.wikipedia.org/wiki/Republic_of_Macedonia';

data.addRows([[{v:'Sofia Bulgaria',f:'SOFIA'},34,'Capital of Bulgaria']]);
 ivalue['Sofia Bulgaria'] = 'http://en.wikipedia.org/wiki/Sofia';

data.addRows([[{v:'Stockholm Sweden',f:'STOCKHOLM'},35,'Capital of Sweden']]);
 ivalue['Stockholm Sweden'] = 'http://en.wikipedia.org/wiki/Stockholm';

data.addRows([[{v:'Tbilisi Georgia',f:'TBILISI'},36,'Capital of Georgia']]);
 ivalue['Tbilisi Georgia'] = 'http://en.wikipedia.org/wiki/Tbilisi';

data.addRows([[{v:'Tirana Albania',f:'TIRANA'},37,'Capital of Albania']]);
 ivalue['Tirana Albania'] = 'http://en.wikipedia.org/wiki/Tirana';

data.addRows([[{v:'Vaduz Liechtenstein',f:'VADUZ'},38,'Capital of Liechtenstein']]);
 ivalue['Vaduz Liechtenstein'] = 'http://en.wikipedia.org/wiki/Vaduz';

data.addRows([[{v:'Valletta Malta',f:'VALLETTA'},39,'Capital of Malta']]);
 ivalue['Valletta Malta'] = 'http://en.wikipedia.org/wiki/Valletta';

data.addRows([[{v:'Vatican City',f:'Vatican City'},40,'City State']]);
 ivalue['Vatican City'] = 'http://en.wikipedia.org/wiki/Vatican_City';

data.addRows([[{v:'Vienna Austria',f:'VIENNA'},41,'Capital of Austria']]);
 ivalue['Vienna Austria'] = 'http://en.wikipedia.org/wiki/Vienna';

data.addRows([[{v:'Vilnius Lithuania',f:'VILNIUS'},42,'Capital of Lithuania']]);
 ivalue['Vilnius Lithuania'] = 'http://en.wikipedia.org/wiki/Vilnius';

data.addRows([[{v:'Warsaw Poland',f:'WARSAW'},43,'Capital of Poland']]);
 ivalue['Warsaw Poland'] = 'http://en.wikipedia.org/wiki/Warsaw';

data.addRows([[{v:'Yerevan Armenia',f:'YEREVAN'},44,'Capital of Armenia']]);
 ivalue['Yerevan Armenia'] = 'http://en.wikipedia.org/wiki/Yerevan';

data.addRows([[{v:'Zagreb Croatia',f:'ZAGREB'},45,'Capital of Croatia']]);
 ivalue['Zagreb Croatia'] = 'http://en.wikipedia.org/wiki/Zagreb';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

{"bgcolor":"#FFFFFF","stroke":"0","bordercolor":"#FFFFFF","incolor":"#D1D1D1","width":"600","height":"400","aspratio":"true","tooltipcolor":"#444444","tooltip":"focus","interact":"true","areacombo":"150,countries","markersize":"5","displaymode":"markers","mapaction":"none","customaction":"","placestxt":"Lisbon%20%20Portugal%2CLISBON%2CCapital%20of%20Portugal%2Chttp%3A//en.wikipedia.org/wiki/Lisbon%2C%23438094%3BMadrid%20Spain%2CMADRID%2CCapital%20of%20Spain%2Chttp%3A//en.wikipedia.org/wiki/Madrid%2C%23438094%3BParis%20France%2CPARIS%2CCapital%20of%20France%2Chttp%3A//en.wikipedia.org/wiki/Paris%2C%23438094%3BLondon%20England%2CLONDON%2CCapital%20of%20England%2Chttp%3A//en.wikipedia.org/wiki/London%2C%23438094%3BAmsterdam%20Netherlands%2CAMSTERDAM%2CCapital%20of%20the%20Netherlands%2Chttp%3A//en.wikipedia.org/wiki/Amsterdam%2C%23438094%3BAnkara%20Turkey%2CANKARA%2CCapital%20of%20Turkey%2Chttp%3A//en.wikipedia.org/wiki/Ankara%2C%23438094%3BAthens%20Greece%2CATHENS%2CCapital%20of%20Greece%2Chttp%3A//en.wikipedia.org/wiki/Athens%2C%23438094%3BBaku%20Azerbaijan%2CBAKU%2CCapital%20of%20Azerbaijan%2Chttp%3A//en.wikipedia.org/wiki/Baku%2C%23438094%3BBelgrade%20Serbia%2CBELGRADE%2CCapital%20of%20Serbia%2Chttp%3A//en.wikipedia.org/wiki/Belgrade%2C%23438094%3BBerlin%20Germany%2CBERLIN%2CCapital%20of%20Germany%2Chttp%3A//en.wikipedia.org/wiki/Berlin%2C%23438094%3BBerne%20Switzerland%2CBERNE%2CCapital%20of%20%20Switzerland%2Chttp%3A//en.wikipedia.org/wiki/Berne%2C%23438094%3BBratislava%20Slovakia%2CBRATISLAVA%2CCapital%20of%20Slovakia%2Chttp%3A//en.wikipedia.org/wiki/Bratislava%2C%23438094%3BBucharest%20Romania%2CBUCHAREST%2CCapital%20of%20Romania%2Chttp%3A//en.wikipedia.org/wiki/Bucharest%2C%23438094%3BBudapest%20Hungary%2CBUDAPEST%2CCapital%20of%20Hungary%2Chttp%3A//en.wikipedia.org/wiki/Budapest%2C%23438094%3BChisinau%20Moldova%2CChisinau%2CCapital%20of%20Moldova%2Chttp%3A//en.wikipedia.org/wiki/Chi%25C5%259Fin%25C4%2583u%2C%23438094%3BBrussels%20Belgium%2CBRUSSELS%2CCapital%20of%20Belgium%2Chttp%3A//en.wikipedia.org/wiki/City_of_Brussels%2C%23438094%3BSan%20Marino%2CSAN%20MARINO%2C%2Chttp%3A//en.wikipedia.org/wiki/City_of_San_Marino%2C%23438094%3BCopenhagen%20Denmark%2CCOPENHAGEN%2CCapital%20of%20Denmark%2Chttp%3A//en.wikipedia.org/wiki/Copenhagen%2C%23438094%3BDublin%20Republic%20of%20Ireland%2CDUBLIN%2CCapital%20of%20the%20Republic%20of%20Ireland%2Chttp%3A//en.wikipedia.org/wiki/Dublin%2C%23438094%3BHelsinki%20Finland%2CHELSINKI%2CCapital%20of%20Finland%2Chttp%3A//en.wikipedia.org/wiki/Helsinki%2C%23438094%3BKiev%20Ukraine%2CKIEV%2CCapital%20of%20Ukraine%2Chttp%3A//en.wikipedia.org/wiki/Kiev%2C%23438094%3BLjubljana%20Slovenia%2CLJUBLJANA%2CCapital%20of%20Slovenia%2Chttp%3A//en.wikipedia.org/wiki/Ljubljana%2C%23438094%3BLuxembourg%20City%2CLUXEMBURG%20CITY%2CCapital%20of%20Luxembourg%2Chttp%3A//en.wikipedia.org/wiki/Luxembourg_%28city%29%2C%23438094%3BMinsk%20Belarus%2CMINSK%2CCapital%20of%20Belarus%2Chttp%3A//en.wikipedia.org/wiki/Minsk%2C%23438094%3BMonaco%2CMonaco%2CCapital%20of%20Monaco%2Chttp%3A//en.wikipedia.org/wiki/Monaco%2C%23438094%3BMoscow%20Russia%2CMOSCOW%20%2CCapital%20of%20Russia%2Chttp%3A//en.wikipedia.org/wiki/Moscow%2C%23438094%3BOslo%20Norway%2COSLO%2CCapital%20of%20Norway%2Chttp%3A//en.wikipedia.org/wiki/Oslo%2C%23438094%3BPodgorica%20Montenegro%2CPODGORICA%2CCapital%20of%20Montenegro%2Chttp%3A//en.wikipedia.org/wiki/Podgorica%2C%23438094%3BPrague%20Czech%20Republic%2CPRAGUE%2CCapital%20of%20Czech%20Republic%2Chttp%3A//en.wikipedia.org/wiki/Prague%2C%23438094%3BReykjavik%20Iceland%2CREYKJAVIK%2CCapital%20of%20Iceland%2Chttp%3A//en.wikipedia.org/wiki/Reykjav%25C3%25ADk%2C%23438094%3BRiga%20Latvia%2CRiga%2CCapital%20of%20Latvia%2Chttp%3A//en.wikipedia.org/wiki/Riga%2C%23438094%3BRome%20Italy%2CROME%2CCapital%20of%20Italy%2Chttp%3A//en.wikipedia.org/wiki/Rome%2C%23438094%3BSarajevo%20Bosnia%20and%20Herzegovina%2CSARAJEVO%2CCapital%20of%20Bosnia%20and%20Herzegovina%2Chttp%3A//en.wikipedia.org/wiki/Sarajevo%2C%23438094%3BSkopje%20Macedonia%2CSKOPJE%2CCapital%20of%20Macedonia%2Chttp%3A//en.wikipedia.org/wiki/Republic_of_Macedonia%2C%23438094%3BSofia%20Bulgaria%2CSOFIA%2CCapital%20of%20Bulgaria%2Chttp%3A//en.wikipedia.org/wiki/Sofia%2C%23438094%3BStockholm%20Sweden%2CSTOCKHOLM%2CCapital%20of%20Sweden%2Chttp%3A//en.wikipedia.org/wiki/Stockholm%2C%23438094%3BTbilisi%20Georgia%2CTBILISI%2CCapital%20of%20Georgia%2Chttp%3A//en.wikipedia.org/wiki/Tbilisi%2C%23438094%3BTirana%20Albania%2CTIRANA%2CCapital%20of%20Albania%2Chttp%3A//en.wikipedia.org/wiki/Tirana%2C%23438094%3BVaduz%20Liechtenstein%2CVADUZ%2CCapital%20of%20Liechtenstein%2Chttp%3A//en.wikipedia.org/wiki/Vaduz%2C%23438094%3BValletta%20Malta%2CVALLETTA%2CCapital%20of%20Malta%2Chttp%3A//en.wikipedia.org/wiki/Valletta%2C%23438094%3BVatican%20City%2CVatican%20City%2CCity%20State%2Chttp%3A//en.wikipedia.org/wiki/Vatican_City%2C%23438094%3BVienna%20Austria%2CVIENNA%2CCapital%20of%20Austria%2Chttp%3A//en.wikipedia.org/wiki/Vienna%2C%23438094%3BVilnius%20Lithuania%2CVILNIUS%2CCapital%20of%20Lithuania%2Chttp%3A//en.wikipedia.org/wiki/Vilnius%2C%23438094%3BWarsaw%20Poland%2CWARSAW%2CCapital%20of%20Poland%2Chttp%3A//en.wikipedia.org/wiki/Warsaw%2C%23438094%3BYerevan%20Armenia%2CYEREVAN%2CCapital%20of%20Armenia%2Chttp%3A//en.wikipedia.org/wiki/Yerevan%2C%23438094%3BZagreb%20Croatia%2CZAGREB%2CCapital%20of%20Croatia%2Chttp%3A//en.wikipedia.org/wiki/Zagreb%2C%23438094%3B"}

Brazil - Regions

Description
Example of a map from Brazil divided by regions.

Embed Code

function drawVisualization() {var data = new google.visualization.DataTable();

data.addColumn('string', 'Country');
 data.addColumn('number', 'Value'); 
 data.addColumn({type:'string', role:'tooltip'});var ivalue = new Array();

data.addRows([[{v:'BR-AC',f:'Acre'},0,'Exemplo de Informação']]);
 ivalue['BR-AC'] = '';

data.addRows([[{v:'BR-AL',f:'Alagoas'},1,'Exemplo de Informação']]);
 ivalue['BR-AL'] = '';

data.addRows([[{v:'BR-AM',f:'Amazonas'},2,'Exemplo de Informação']]);
 ivalue['BR-AM'] = '';

data.addRows([[{v:'BR-AP',f:'Amapá'},3,'Exemplo de Informação']]);
 ivalue['BR-AP'] = '';

data.addRows([[{v:'BR-BA',f:'Bahia'},4,'Exemplo de Informação']]);
 ivalue['BR-BA'] = '';

data.addRows([[{v:'BR-CE',f:'Ceará'},5,'Exemplo de Informação']]);
 ivalue['BR-CE'] = '';

data.addRows([[{v:'BR-DF',f:'Distrito Federal'},6,'Exemplo de Informação']]);
 ivalue['BR-DF'] = '';

data.addRows([[{v:'BR-ES',f:'Espírito Santo'},7,'Exemplo de Informação']]);
 ivalue['BR-ES'] = '';

data.addRows([[{v:'BR-GO',f:'Goiás'},8,'Exemplo de Informação']]);
 ivalue['BR-GO'] = '';

data.addRows([[{v:'BR-MA',f:'Maranhão'},9,'Exemplo de Informação']]);
 ivalue['BR-MA'] = '';

data.addRows([[{v:'BR-MG',f:'Minas Gerais'},10,'Exemplo de Informação']]);
 ivalue['BR-MG'] = '';

data.addRows([[{v:'BR-MS',f:'Mato Grosso do Sul'},11,'Exemplo de Informação']]);
 ivalue['BR-MS'] = '';

data.addRows([[{v:'BR-MT',f:'Mato Grosso'},12,'Exemplo de Informação']]);
 ivalue['BR-MT'] = '';

data.addRows([[{v:'BR-PA',f:'Pará'},13,'Exemplo de Informação']]);
 ivalue['BR-PA'] = '';

data.addRows([[{v:'BR-PB',f:'Paraíba'},14,'Exemplo de Informação']]);
 ivalue['BR-PB'] = '';

data.addRows([[{v:'BR-PE',f:'Pernambuco'},15,'Exemplo de Informação']]);
 ivalue['BR-PE'] = '';

data.addRows([[{v:'BR-PI',f:'Piauí'},16,'Exemplo de Informação']]);
 ivalue['BR-PI'] = '';

data.addRows([[{v:'BR-PR',f:'Paraná'},17,'Exemplo de Informação']]);
 ivalue['BR-PR'] = '';

data.addRows([[{v:'BR-RJ',f:'Rio de Janeiro'},18,'Exemplo de Informação']]);
 ivalue['BR-RJ'] = '';

data.addRows([[{v:'BR-RN',f:'Rio Grande do Norte'},19,'Exemplo de Informação']]);
 ivalue['BR-RN'] = '';

data.addRows([[{v:'BR-RO',f:'Rondônia'},20,'Exemplo de Informação']]);
 ivalue['BR-RO'] = '';

data.addRows([[{v:'BR-RR',f:'Roraima'},21,'Exemplo de Informação']]);
 ivalue['BR-RR'] = '';

data.addRows([[{v:'BR-RS',f:'Rio Grande do Sul'},22,'Exemplo de Informação']]);
 ivalue['BR-RS'] = '';

data.addRows([[{v:'BR-SC',f:'Santa Catarina'},23,'Exemplo de Informação']]);
 ivalue['BR-SC'] = '';

data.addRows([[{v:'BR-SE',f:'Sergipe'},24,'Exemplo de Informação']]);
 ivalue['BR-SE'] = '';

data.addRows([[{v:'BR-SP',f:'São Paulo'},25,'Exemplo de Informação']]);
 ivalue['BR-SP'] = '';

data.addRows([[{v:'BR-TO',f:'Tocantins'},26,'Exemplo de Informação']]);
 ivalue['BR-TO'] = '';

Settings Code to use in Generator

You can copy this settings and load them on the Generator to edit the map with your own settings

{"bgcolor":"transparent","stroke":"0","bordercolor":"#FFFFFF","incolor":"#f5f5f5","width":"600","height":"400","aspratio":"true","tooltipcolor":"#444444","tooltip":"focus","interact":"true","areacombo":"BR,provinces","markersize":"10","displaymode":"regions","mapaction":"none","customaction":"","placestxt":"BR-AC%2CAcre%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-AL%2CAlagoas%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-AM%2CAmazonas%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-AP%2CAmap%E1%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-BA%2CBahia%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-CE%2CCear%E1%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-DF%2CDistrito%20Federal%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-ES%2CEsp%EDrito%20Santo%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23E5F5E0%3BBR-GO%2CGoi%E1s%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-MA%2CMaranh%E3o%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-MG%2CMinas%20Gerais%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-MS%2CMato%20Grosso%20do%20Sul%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-MT%2CMato%20Grosso%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-PA%2CPar%E1%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-PB%2CPara%EDba%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-PE%2CPernambuco%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-PI%2CPiau%ED%2CExemplo%20de%20Informa%E7%E3o%2C%2C%23A1D99B%3BBR-PR%2CParan%E1%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-RJ%2CRio%20de%20Janeiro%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-RN%2CRio%20Grande%20do%20Norte%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-RO%2CRond%F4nia%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-RR%2CRoraima%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-RS%2CRio%20Grande%20do%20Sul%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-SC%2CSanta%20Catarina%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-SE%2CSergipe%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-SP%2CS%E3o%20Paulo%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3BBR-TO%2CTocantins%2CExemplo%20de%20Informa%E7%E3o%2C%2C%2331A354%3B"}