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/worldHigh.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/themes/dark.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_countries/" style="color: [[color]];">Create your own visited countries 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: "dark",
projection: "[[projection]]",
panEventsEnabled : true,
backgroundColor : "[[backgroundColor]]",
backgroundAlpha : 1,
zoomControl: {
zoomControlEnabled : [[zoom]]
},
dataProvider : {
map : "worldHigh",
getAreasFromMap : true,
areas :
[[areas]]
},
areasSettings : {
autoZoom : true,
color : "[[color]]",
colorSolid : "[[colorSolid]]",
selectedColor : "[[colorSolid]]",
outlineColor : "[[outlineColor]]",
rollOverColor : "[[rollOverColor]]",
rollOverOutlineColor : "[[rollOverOutlineColor]]"
}
});
</script>