Zooming to countries
HTML
<script src="http://www.ammap.com/lib/3/ammap.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/3/maps/js/guatemalaLow.js" type="text/javascript"></script>
<div id="mapdiv" style="width: 100%; height: 370px;"></div>
JavaScript
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.pathToImages = "http://www.ammap.com/lib/3/images/";
map.panEventsEnabled = true;
map.balloon.color = "#000000";
var dataProvider = {
mapVar: AmCharts.maps.guatemalaLow,
getAreasFromMap: true
};
map.dataProvider = dataProvider;
map.areasSettings = {
autoZoom: false,
selectedColor: "#162949",
outlineThickness:2
};
map.smallMap = new AmCharts.SmallMap();
map.write("mapdiv");
});