Visited countries map
This is free tool for making your visited countries map. Check the countries you visited, choose colors, size of a map and press "Make map" button. You will be able to assign links and descriptions to your visited countries and use this application for many other purposes. You can also make your visited states map. For more advanced mapping tool check ammap.
Select countries you visited
Set map parameters
<script src="http://www.ammap.com/lib/ammap.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/maps/js/world_high.js" type="text/javascript"></script>
<div id="mapdiv" style="width: [[width]]; height: [[height]];"></div>
<div style="font-size: 70%; padding: 5px; text-align: center; background-color: [[backgroundColor]]; margin-top: 1px; color: [[color]];"><a href="http://www.ammap.com/visited_countries/" style="color: [[color]];">Create your own visited countries map</a> or check out the <a href="http://www.amcharts.com/" style="color: [[color]];">JavaScript Charts</a>.</div>
<script type="text/javascript">
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.pathToImages = "http://www.ammap.com/lib/images/";
map.panEventsEnabled = true;
map.backgroundColor = "[[backgroundColor]]";
map.backgroundAlpha = 1;
map.zoomControl.panControlEnabled = [[zoom]];
map.zoomControl.zoomControlEnabled = [[zoom]];
var dataProvider = {
mapVar: AmCharts.maps.worldHigh,
getAreasFromMap: true,
areas: [
[[areas]]
]
};
map.dataProvider = dataProvider;
map.areasSettings = {
autoZoom: true,
color: "[[color]]",
colorSolid: "[[colorSolid]]",
selectedColor: "[[colorSolid]]",
outlineColor: "[[outlineColor]]",
rollOverColor: "[[rollOverColor]]",
rollOverOutlineColor: "[[rollOverOutlineColor]]"
};
map.write("mapdiv");
});
</script>
