<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>amMap example</title>
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css">
<script src="../ammap/ammap.js" type="text/javascript"></script>
<!-- map file should be included after ammap.js -->
<script src="../ammap/maps/js/worldLow.js" type="text/javascript"></script>
<script>
var map = AmCharts.makeChart("mapdiv", {
type: "map",
creditsPosition: "top-right",
dataProvider: {
map: "worldLow",
zoomLevel: 3.5,
zoomLongitude: 10,
zoomLatitude: 52,
areas: [{
title: "Austria",
id: "AT",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Ireland",
id: "IE",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Denmark",
id: "DK",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Finland",
id: "FI",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Sweden",
id: "SE",
color: "#3366CC",
customData: "1995",
groupId: "before2004"
}, {
title: "Great Britain",
id: "GB",
color: "#3366CC",
customData: "1973",
groupId: "before2004"
}, {
title: "Italy",
id: "IT",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "France",
id: "FR",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Spain",
id: "ES",
color: "#3366CC",
customData: "1986",
groupId: "before2004"
}, {
title: "Greece",
id: "GR",
color: "#3366CC",
customData: "1981",
groupId: "before2004"
}, {
title: "Germany",
id: "DE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Belgium",
id: "BE",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Luxembourg",
id: "LU",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Netherlands",
id: "NL",
color: "#3366CC",
customData: "1957",
groupId: "before2004"
}, {
title: "Portugal",
id: "PT",
color: "#3366CC",
customData: "1986",
groupId: "before2004"
},
{
title: "Lithuania",
id: "LT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Latvia",
id: "LV",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Czech Republic ",
id: "CZ",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Slovakia",
id: "SK",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Slovenia",
id: "SI",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Estonia",
id: "EE",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Hungary",
id: "HU",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Cyprus",
id: "CY",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Malta",
id: "MT",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
}, {
title: "Poland",
id: "PL",
color: "#FFCC33",
customData: "2004",
groupId: "2004"
},
{
title: "Romania",
id: "RO",
color: "#66CC99",
customData: "2007",
groupId: "2007"
}, {
title: "Bulgaria",
id: "BG",
color: "#66CC99",
customData: "2007",
groupId: "2007"
}
]
},
areasSettings: {
unlistedAreasColor: "#DDDDDD",
rollOverOutlineColor: "#FFFFFF",
rollOverColor: "#CC0000",
balloonText: "[[title]] joined EU at [[customData]]"
},
legend: {
width: 600,
backgroundAlpha: 0.5,
backgroundColor: "#FFFFFF",
borderColor: "#666666",
borderAlpha: 1,
bottom: 15,
left: 15,
horizontalGap: 10,
data: [{
title: "Joined EU before 2004",
color: "#3366CC"
}, {
title: "Joined EU at 2004",
color: "#FFCC33"
}, {
title: "Joined EU at 2007",
color: "#66CC99"
}]
}
});
</script>
</head>
<body>
<div id="mapdiv" style="width: 800px; background-color:#eeeeee; height: 500px;"></div>
</body>
</html>