Visited states map
This is free tool for making your visited states map. Check the states 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 states and use this application for many other purposes. You can also make your visited countries map. For more advanced mapping tool check ammap.
Select states 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/usa_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_states/" style="color: [[color]];">Create your own visited states map</a> or check out the <a href="http://www.ammap.com/" style="color: [[color]];">JavaScript Maps</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.usaHigh,
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>
