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:
Copy the following text and click on "Import" in the plugin.
Map settings
Name |
Value |
Description |
Region |
Caribbean |
List with all available regions |
Width |
auto |
Width of the map in pixel. 'Auto' means that the map is centered in the available width. |
Height |
auto |
Height of the map in pixel. 'Auto' means that the map is centered in the available height. |
Display mode |
Markers |
Specifies the display mode of the map. |
Border resolution |
Countries |
The resolution of the map borders. |
Tooltips |
On |
Allows to display a tooltip for highlighted map elements. |
Tooltips: Trigger |
focus |
The user interaction that causes the tooltip to be displayed. |
Tooltips: Use HTML |
On |
Specifies if the tooltips should use HTML. This allows to customize the tooltips even more. For example, if this property is on, it is possible to display images wihtin the tooltip. |
Map template
CSS |
#{cssid} {
} |
HTML |
<div id="{cssid}">
%%map%%
</div> |
JavaScript
Executed when a marker/region is clicked.
Click value can be defined for each map element.
|
|
Map elements (5)
Color |
Name |
Click Value |
|
Havanna, Cuba |
|
|
Jacmel, Haiti |
|
|
santo domingo, dominican republic |
|
|
San Juan, Puerto Rico |
|
|
St. Maarten |
|
Comments
If you need help or have questions, please leave a comment.