This is a sample map of the Carribean showing some random markers:

Our plugin allows to change any color that you can see on this map. You can also apply any of the customizations that you can find in the other map examples. It is also possible to set the focus of the map to one of the following regions:

• Antigua and Barbuda
• Anguilla
• Aruba
• Barbados
• Saint Barthélemy
• Bahamas
• Cuba
• Dominica
• Dominican Republic
• Grenada
• Guadeloupe
• Haiti
• Jamaica
• Saint Kitts and Nevis
• Cayman Islands
• Saint Lucia
• Saint Martin (French part)
• Martinique
• Montserrat
• Puerto Rico
• Turks and Caicos Islands
• Trinidad and Tobago
• Saint Vincent and the Grenadines
• Virgin Islands (British)
• Virgin Islands (U.S.)

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 Caribbean","description":"","js_options":"{\"background_color\":\"#f2fbff\",\"border_color\":\"#666666\",\"border_width\":\"0\",\"dataless_regions_color\":\"#d5edb2\",\"enable_region_interactivity\":\"true\",\"height\":\"auto\",\"keep_aspect_ratio\":\"true\",\"region\":\"029\",\"marker_opacity\":1,\"marker_size\":\"10\",\"resolution\":\"countries\",\"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\":\"Havanna, Cuba\",\"latitude\":\"23.0540698\",\"longitude\":\"-82.34518899999999\",\"color\":\"#2cc19c\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"<strong>Havanna, Cuba<\\\/strong><br>\\n<small>Example tooltip<\\\/small>\",\"click_action_value\":\"\"},{\"location\":\"Jacmel, Haiti\",\"latitude\":\"18.2333\",\"longitude\":\"-72.5333\",\"color\":\"#3085d1\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"<strong>Jacmel, Haiti<\\\/strong><br>\\n<small>Example tooltip<\\\/small>\",\"click_action_value\":\"\"},{\"location\":\"santo domingo, dominican republic\",\"latitude\":\"18.466667\",\"longitude\":\"-69.95\",\"color\":\"#9f31d6\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"<strong>Santo Domingo, Dominican Republic<\\\/strong><br>\\n<small>Example tooltip<\\\/small>\",\"click_action_value\":\"\"},{\"location\":\"San Juan, Puerto Rico\",\"latitude\":\"18.4663338\",\"longitude\":\"-66.1057217\",\"color\":\"#e0333c\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"<strong>San Juan, Puerto Rico<\\\/strong><br>\\n<small>Example tooltip<\\\/small>\",\"click_action_value\":\"\"},{\"location\":\"St. Maarten\",\"latitude\":\"18.0412155\",\"longitude\":\"-63.05307329999999\",\"color\":\"#dbc132\",\"size\":\"1\",\"tooltip_title\":\"\",\"tooltip_text\":\"<strong>St. Maarten<\\\/strong><br>\\n<small>Example tooltip<\\\/small>\",\"click_action_value\":\"\"}]","display_mode":"marker_by_coordinates","template_id":-2,"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>