Zooming to countries
HTML
<script src="http://www.ammap.com/lib/3/ammap.js"></script>
<script src="http://www.ammap.com/lib/3/maps/js/worldLow.js"></script>
<div id="mapdiv" style="width: 100%; height: 370px;"></div>
JavaScript
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.pathToImages = "http://www.ammap.com/lib/3/images/";
//map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices
map.balloon.color = "#000000";
map.dragMap = false;
var dataProvider = {
mapVar: AmCharts.maps.worldLow,
getAreasFromMap: false,
areas: [
{
"id": "US",
"value": 3
},
{
"id": "CA",
"value": 3
},
{
"id": "BR",
"value": 3
}
,
{
"id": "RU",
"value": 3
}
]
};
map.dataProvider = dataProvider;
map.areasSettings = {
autoZoom: true,
selectedColor: "#CC0000"
};
map.smallMap = new AmCharts.SmallMap();
map.write("mapdiv");
});