Drill-down from World map to individual country
HTML
<script src="http://www.ammap.com/lib/ammap.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/maps/js/worldLow.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/maps/js/franceLow.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/images/";
//map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices
map.balloon.color = "#000000";
var franceDataProvider = {
mapVar: AmCharts.maps.franceLow,
getAreasFromMap: true
};
var wordlDataProvider = {
mapVar: AmCharts.maps.worldLow,
getAreasFromMap: true,
areas: [{
id: "FR",
color: "#4444ff",
linkToObject: franceDataProvider
}]
};
map.dataProvider = wordlDataProvider;
map.areasSettings = {
autoZoom: true,
selectedColor: "#CC0000"
};
map.smallMap = new AmCharts.SmallMap();
map.write("mapdiv");
});