This is an interactive map of Ecuador:

The plugin allows to customize the color and the tooltip for a region. It is also possible to add custom actions that are executed when a region is clicked.

The map of Ecuador can be split into the following regions:

• Azuay
• Bolívar
• Can~ar !Cañar
• Carchi
• Chimborazo
• Cotopaxi
• El Oro
• Esmeraldas
• Galápagos
• Guayas
• Imbabura
• Loja
• Los Ríos
• Manabí
• Morona-Santiago
• Napo
• Orellana
• Pastaza
• Pichincha
• Santa Elena
• Santo Domingo de los Tsáchilas
• Sucumbíos
• Tungurahua
• Zamora-Chinchipe

The map configuration can be found here:

×Close

Download map

• Import data
• Help & Instructions

Copy the following text and click on "Import" in the plugin.

{"name":"Interactive Map of Ecuador","description":"","js_options":"{\"background_color\":\"#ffffff\",\"border_color\":\"#666666\",\"border_width\":\"0\",\"dataless_regions_color\":\"#f5f5f5\",\"enable_region_interactivity\":\"true\",\"height\":\"auto\",\"keep_aspect_ratio\":\"true\",\"region\":\"EC\",\"marker_opacity\":1,\"marker_size\":\"6\",\"resolution\":\"provinces\",\"tooltip_enable\":\"true\",\"tooltip_color\":\"#000000\",\"tooltip_font_family\":\"<global-font-name>\",\"tooltip_font_size\":\"<global-font-size>\",\"tooltip_trigger\":\"focus\",\"tooltip_html\":\"true\",\"width\":\"auto\"}","js_table":"[{\"location\":\"EC-E\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#62e0b0\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Esmeraldas\",\"click_action_value\":\"\"},{\"location\":\"EC-C\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#5f71d8\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Carchi\",\"click_action_value\":\"\"},{\"location\":\"EC-U\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#61dd74\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Sucumb\\u00edos\",\"click_action_value\":\"\"},{\"location\":\"EC-D\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#64dfe5\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Orellana\",\"click_action_value\":\"\"},{\"location\":\"EC-N\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#ccba59\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Napo\",\"click_action_value\":\"\"},{\"location\":\"EC-I\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#db646e\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Imbabura\",\"click_action_value\":\"\"},{\"location\":\"EC-P\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#6859c1\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Pichincha\",\"click_action_value\":\"\"},{\"location\":\"EC-M\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#89c95c\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Manab\\u00ed\",\"click_action_value\":\"\"},{\"location\":\"EC-R\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#d3c861\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Los R\\u00edos\",\"click_action_value\":\"\"},{\"location\":\"EC-SD\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#e062ae\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Santo Domingo de los Ts\\u00e1chilas\",\"click_action_value\":\"\"},{\"location\":\"EC-X\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#d69e62\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Cotopaxi\",\"click_action_value\":\"\"},{\"location\":\"EC-Y\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#cad85f\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Pastaza\",\"click_action_value\":\"\"},{\"location\":\"EC-T\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#62e0b0\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Tungurahua\",\"click_action_value\":\"\"},{\"location\":\"EC-S\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#e062ae\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Morona-Santiago\",\"click_action_value\":\"\"},{\"location\":\"EC-A\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#cad85f\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Azuay\",\"click_action_value\":\"\"},{\"location\":\"EC-Z\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#d69e62\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Zamora-Chinchipe\",\"click_action_value\":\"\"},{\"location\":\"EC-H\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#5f71d8\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Chimborazo\",\"click_action_value\":\"\"},{\"location\":\"EC-W\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#89c95c\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Gal\\u00e1pagos\",\"click_action_value\":\"\"},{\"location\":\"EC-L\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#db646e\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Loja\",\"click_action_value\":\"\"},{\"location\":\"EC-O\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#6859c1\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"El Oro\",\"click_action_value\":\"\"},{\"location\":\"EC-SE\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#e062ae\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Santa Elena\",\"click_action_value\":\"\"},{\"location\":\"EC-G\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#64dfe5\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Guayas\",\"click_action_value\":\"\"},{\"location\":\"EC-B\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#cad85f\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Bol\\u00edvar\",\"click_action_value\":\"\"},{\"location\":\"EC-F\",\"latitude\":\"\",\"longitude\":\"\",\"color\":\"#89c95c\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"Ca\\u00f1ar\",\"click_action_value\":\"\"}]","display_mode":"regions","template_id":-1,"template_html":"<div id=\"{cssid}\">\n %%map%%\n<\/div>","template_css":"#{cssid} {\n \n}","template_js":""}

This explains step-by-step what you have to do:

The first step is to open the "All Maps" page. On this page you will find an "Import" button. If you click on this button, a small window should open. You have to select the "text" tab and insert the import data there. The final step is to click on "Import". The Map Builder should open with the given map. Note that you have to click on the "Save" button. Otherwise the map won't be imported.

Close

#{cssid} {
 
}

<div id="{cssid}">
  %%map%%
</div>