#10108

HTML

<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/hondurasLow.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width	: 100%;
	height	: 500px;
}

JavaScript

/**
 * Display the map
 */
var map = AmCharts.makeChart("chartdiv", {
	"type": "map",
    "pathToImages": "http://www.amcharts.com/lib/3/images/",
	"dataProvider": {
     "map": "hondurasLow",
		"getAreasFromMap": true
	},
	"areasSettings": {
		"selectedColor": "blue",
        "selectable": true
	}
});

/**
 * Define click events
 */
map.addListener("clickMapObject", function (event) {
    var id = event.mapObject.id;
    var title = event.mapObject.title;
    alert("Clicked on: " + title + " (" + id + ")");
});