Demos

Beginner's Guide

Charts / Gauges / Maps Guide

Customizing Charts

API

Integrating With Your Stack

Help

Select a country or region from the list below

Map Name: Dominica

JavaScript Alias: maps/dominica


    
{
    "map": {
        "showshadow": "0",
        "showlabels": "0",
        "showmarkerlabels": "1",
        "fillcolor": "F1f1f1",
        "bordercolor": "CCCCCC",
        "basefont": "Verdana",
        "basefontsize": "10",
        "markerbordercolor": "000000",
        "markerbgcolor": "FF5904",
        "markerradius": "6",
        "usehovercolor": "0",
        "hoveronempty": "0",
        "showmarkertooltip": "1",
        "canvasBorderColor": "375277",
        "canvasBorderAlpha": "0"
    },
    "markers": {
        "shapes": [
            {
                "id": "myCustomShape",
                "type": "circle",
                "fillcolor": "FFFFFF,333333",
                "fillpattern": "radial",
                "showborder": "0",
                "radius": "4"
            },
            {
                "id": "newCustomShape",
                "type": "circle",
                "fillcolor": "FFFFFF,000099",
                "fillpattern": "radial",
                "showborder": "0",
                "radius": "3"
            }
        ],
        "items": [
            {
                "id": "RO",
                "shapeid": "myCustomShape",
                "x": "56.89",
                "y": "208.27",
                "label": "Roseau",
                "labelpos": "left"
            },
            {
                "id": "01",
                "shapeid": "newCustomShape",
                "x": "13.95",
                "y": "39.72",
                "label": "Portsmouth",
                "labelpos": "right"
            },
            {
                "id": "02",
                "shapeid": "newCustomShape",
                "x": "109.5",
                "y": "65.48",
                "label": "Marigot"
            },
            {
                "id": "03",
                "shapeid": "newCustomShape",
                "x": "36.5",
                "y": "151.37",
                "label": "Saint Joseph"
            },
            {
                "id": "04",
                "shapeid": "newCustomShape",
                "x": "135.27",
                "y": "190.02",
                "label": "La Plaine",
                "labelpos": "left"
            },
            {
                "id": "05",
                "shapeid": "newCustomShape",
                "x": "98.76",
                "y": "241.55",
                "label": "Berekua"
            }
        ]
    }
}

New JSON format for map marker data.

{
    "map": {},
    "markers": {
        "shapes": [
            {
                "id": "myCustomShape",
                "type": "circle",
                "fillcolor": "FFFFFF,333333",
                "fillpattern": "radial",
                "showborder": "0",
                "radius": "4"
            },
            {
                "id": "newCustomShape",
                "type": "circle",
                "fillcolor": "FFFFFF,000099",
                "fillpattern": "radial",
                "showborder": "0",
                "radius": "3"
            }
        ],
        "definition": [
            {
                "id": "RO",
                "x": "56.89",
                "y": "208.27",
                "label": "Roseau",
                "labelpos": "left"
            },
            {
                "id": "01",
                "x": "13.95",
                "y": "39.72",
                "label": "Portsmouth",
                "labelpos": "right"
            },
            {
                "id": "02",
                "x": "109.5",
                "y": "65.48",
                "label": "Marigot"
            },
            {
                "id": "03",
                "x": "36.5",
                "y": "151.37",
                "label": "Saint Joseph"
            },
            {
                "id": "04",
                "x": "135.27",
                "y": "190.02",
                "label": "La Plaine",
                "labelpos": "left"
            },
            {
                "id": "05",
                "x": "98.76",
                "y": "241.55",
                "label": "Berekua"
            }
        ],
        "application": [
            {
                "id": "RO",
                "shapeid": "myCustomShape"
            },
            {
                "id": "01",
                "shapeid": "newCustomShape"
            },
            {
                "id": "02",
                "shapeid": "newCustomShape"
            },
            {
                "id": "03",
                "shapeid": "newCustomShape"
            },
            {
                "id": "04",
                "shapeid": "newCustomShape"
            },
            {
                "id": "05",
                "shapeid": "newCustomShape"
            }
        ]
    }
}

Old JSON format for map marker data, using separate application and definition blocks.

<map>
	<markers>
	   <shapes>
	       <shape id='myCustomShape' type='circle' fillColor='FFFFFF,333333' fillPattern='radial' showBorder='0' radius='4'/>
		   <shape id='newCustomShape' type='circle' fillColor='FFFFFF,000099' fillPattern='radial' showBorder='0' radius='3'/>
		</shapes>
		<definition>
			<marker id='RO' x='56.89' y='208.27' label='Roseau' labelpos='left'  />
			<marker id='01' x='13.95' y='39.72' label='Portsmouth' labelPos='right'  />
			<marker id='02' x='109.5' y='65.48' label='Marigot'  />
			<marker id='03' x='36.5' y='151.37' label='Saint Joseph'  />
			<marker id='04' x='135.27' y='190.02' label='La Plaine' labelPos='left' />
			<marker id='05' x='98.76' y='241.55' label='Berekua'  />

		</definition>
		<application>
			<marker id='RO' shapeId='myCustomShape'  />
			<marker id='01' shapeId='newCustomShape'  />
			<marker id='02' shapeId='newCustomShape'  />
			<marker id='03' shapeId='newCustomShape'  />
			<marker id='04' shapeId='newCustomShape'  />
			<marker id='05' shapeId='newCustomShape'  />

		</application>
	</markers>
</map>

Old XML format for map marker data, using separate application and definition blocks.

Top