#8196

by amcharts

HTML

<link rel="stylesheet" href="http://www.amcharts.com/lib/3/ammap.css">
<script type="text/javascript" src="http://www.amcharts.com/lib/3/ammap.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>

CSS

body {
    font-size: 12px;
    font-family: Verdana;
}
#chartdiv {
	width	: 100%;
	height	: 500px;
}

JavaScript

var map = AmCharts.makeChart("chartdiv", {

	"type": "map",
    "theme": "none",
    "pathToImages": "http://www.amcharts.com/lib/3/images/",

	"dataProvider": {
     "map": "worldLow",
        "areas": [{
            "id": "US",
            "description": "This is a description"
        }]
	},
	"areasSettings": {
		"selectedColor": "#CC0000",
        "descriptionWindowTop": 10,
        "descriptionWindowRight": 10
	}
});