HTML
<script src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/none.js"></script>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>Karte</title>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/none.js"></script>
<script type="text/javascript" src="https://www.amcharts.com/lib/3/lang-maps/de.js"></script>
<style type="text/css">
#map {
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', initMap);
function initMap() {
var map = AmCharts.makeChart('map', {
language: "de",
type: "map",
theme: "none",
pathToImages: "http://www.amcharts.com/lib/3/images/",
dataProvider: {
map: "worldLow",
areas: [
{ id: "BE",value:"3",color:"#83c2ba" },
{ id: "BU",value:"53",color:"#83c2ba" },
{ id: "DK",value:"3",color:"#83c2ba" },
{ id: "EE",value:"6",color:"#83c2ba" },
{ id: "FI",value:"1",color:"#83c2ba" },
{ id: "FR",value:"30",color:"#83c2ba" },
{ id: "GI",value:"1",color:"#83c2ba" },
{ id: "GR",value:"102",color:"#83c2ba" },
{ id: "IR",value:"5",color:"#83c2ba" },
{ id: "IT",value:"68",color:"#83c2ba" },
{ id: "HR",value:"33",color:"#83c2ba" },
{ id: "LV",value:"2",color:"#83c2ba" },
{ id: "LT",value:"8",color:"#83c2ba" },
{ id: "LU",value:"10",color:"#83c2ba" },
{ id: "NL",value:"24",color:"#83c2ba" },
{ id: "AT",value:"18",color:"#83c2ba" },
{ id:...