Copy HTML
Copy & Paste this HTML to your website:
<script src="https://www.amcharts.com/lib/3/ammap.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/usaHigh.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js" type="text/javascript"></script>
<div id="mapdiv" style="width: [[width]]; height: [[height]];"></div>
<div style="width: [[width]]; font-size: 70%; padding: 5px 0; text-align: center; background-color: [[backgroundColor]]; margin-top: 1px; color: [[color]];"><a href="https://www.amcharts.com/visited_states/" style="color: [[color]];">Create your own visited states map</a> or check out the <a href="https://www.amcharts.com/" style="color: [[color]];">JavaScript Charts</a>.</div>
<script type="text/javascript">
var map = AmCharts.makeChart("mapdiv",{
type: "map",
theme: "light",
panEventsEnabled : true,
backgroundColor : "[[backgroundColor]]",
backgroundAlpha : 1,
zoomControl: {
zoomControlEnabled : [[zoom]]
},
dataProvider : {
map : "usaHigh",
getAreasFromMap : true,
areas :
[[areas]]
},
areasSettings : {
autoZoom : true,
color : "[[color]]",
colorSolid : "[[colorSolid]]",
selectedColor : "[[colorSolid]]",
outlineColor : "[[outlineColor]]",
rollOverColor : "[[rollOverColor]]",
rollOverOutlineColor : "[[rollOverOutlineColor]]"
}
});
</script>