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: SaintKittsandNevis

JavaScript Alias: maps/saintkittsandnevis


    
{
    "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": "BA",
                "shapeid": "myCustomShape",
                "x": "146.17",
                "y": "129.93",
                "label": "Basseterre",
                "labelpos": "right"
            },
            {
                "id": "01",
                "shapeid": "newCustomShape",
                "x": "70.89",
                "y": "27.84",
                "label": "Sadlers"
            },
            {
                "id": "02",
                "shapeid": "newCustomShape",
                "x": "123.49",
                "y": "62.9",
                "label": "Cayon"
            },
            {
                "id": "03",
                "shapeid": "newCustomShape",
                "x": "25.52",
                "y": "64.96",
                "label": "Sandy Point Town",
                "labelpos": "right"
            },
            {
                "id": "04",
                "shapeid": "newCustomShape",
                "x": "266.83",
                "y": "220.68",
                "label": "Newcastle"
            },
            {
                "id": "07",
                "shapeid": "newCustomShape",
                "x": "229.71",
                "y": "282.56",
                "label": "Charlestown",
                "labelpos": "left"
            }
        ]
    }
}

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": "BA",
                "x": "146.17",
                "y": "129.93",
                "label": "Basseterre",
                "labelpos": "right"
            },
            {
                "id": "01",
                "x": "70.89",
                "y": "27.84",
                "label": "Sadlers"
            },
            {
                "id": "02",
                "x": "123.49",
                "y": "62.9",
                "label": "Cayon"
            },
            {
                "id": "03",
                "x": "25.52",
                "y": "64.96",
                "label": "Sandy Point Town",
                "labelpos": "right"
            },
            {
                "id": "04",
                "x": "266.83",
                "y": "220.68",
                "label": "Newcastle"
            },
            {
                "id": "07",
                "x": "229.71",
                "y": "282.56",
                "label": "Charlestown",
                "labelpos": "left"
            }
        ],
        "application": [
            {
                "id": "BA",
                "shapeid": "myCustomShape"
            },
            {
                "id": "01",
                "shapeid": "newCustomShape"
            },
            {
                "id": "02",
                "shapeid": "newCustomShape"
            },
            {
                "id": "03",
                "shapeid": "newCustomShape"
            },
            {
                "id": "04",
                "shapeid": "newCustomShape"
            },
            {
                "id": "07",
                "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='BA' x='146.17' y='129.93' label='Basseterre' labelPos='right'  />
		    <marker id='01' x='70.89' y='27.84' label='Sadlers'  />
			<marker id='02' x='123.49' y='62.9' label='Cayon'  />
			<marker id='03' x='25.52' y='64.96' label='Sandy Point Town' labelPos='right'  />
			<marker id='04' x='266.83' y='220.68' label='Newcastle'  />
			<marker id='07' x='229.71' y='282.56' label='Charlestown' labelPos='left'  />
		</definition>
		<application>
			<marker id='BA' shapeId='myCustomShape'  />
			<marker id='01' shapeId='newCustomShape'  />
			<marker id='02' shapeId='newCustomShape'  />
			<marker id='03' shapeId='newCustomShape'  />
			<marker id='04' shapeId='newCustomShape'  />
			<marker id='07' shapeId='newCustomShape'  />

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

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

Top