<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: 1000px; height: 450px;"></div>
<div style="width: 1000px; font-size: 70%; padding: 5px 0; text-align: center; background-color: #535364; margin-top:
1px; color: #B4B4B7;"><a href="https://www.amcharts.com/visited_states/" style="color: #B4B4B7;">Create your own
visited states map</a> or check out the <a href="https://www.amcharts.com/" style="color: #B4B4B7;">JavaScript
Charts</a>.</div>
<script type="text/javascript">
var map = AmCharts.makeChart("mapdiv",{
type: "map",
theme: "light",
panEventsEnabled : true,
backgroundColor : "#535364",
backgroundAlpha : 1,
zoomControl: {
zoomControlEnabled : true
},
dataProvider : {
map : "usaHigh",
getAreasFromMap : true,
areas :
[
       {
               "id": "US-FL",
               "showAsSelected": true
       },
       {
               "id": "US-GA",
               "showAsSelected": true
       },
       {
               "id": "US-ID",
               "showAsSelected": true
       },
       {
               "id": "US-IL",
               "showAsSelected": true
       },
       {
               "id": "US-IN",
               "showAsSelected": true
       },
       {
               "id": "US-KY",
               "showAsSelected": true
       },
       {
               "id": "US-MO",
               "showAsSelected": true
       },
       {
               "id": "US-MT",
               "showAsSelected": true
       },
       {
               "id": "US-NC",
               "showAsSelected": true
       },
       {
               "id": "US-OH",
               "showAsSelected": true
       },
       {
               "id": "US-OR",
               "showAsSelected": true
       },
       {
               "id": "US-PA",
               "showAsSelected": true
       },
       {
               "id": "US-SC",
               "showAsSelected": true
       },
       {
               "id": "US-VA",
               "showAsSelected": true
       },
       {
               "id": "US-WA",
               "showAsSelected": true
       },
       {
               "id": "US-WV",
               "showAsSelected": true
       },
       {
               "id": "US-WY",
               "showAsSelected": true
       }
]
},
areasSettings : {
autoZoom : true,
color : "#B4B4B7",
colorSolid : "#08FC24",
selectedColor : "#08FC24",
outlineColor : "#0A010A",
rollOverColor : "#9EC2F7",
rollOverOutlineColor : "#000000"
}
});
</script>