Using flag images as country fills on a map
HTML
<script type="text/javascript" src="http://www.amcharts.com/lib/3/ammap.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>
CSS
#chartdiv {
width : 100%;
height : 500px;
}
JavaScript
var map = AmCharts.makeChart( "chartdiv", {
"type": "map",
"dataProvider": {
"map": "worldLow",
"areas":[
{
"id": "US",
"pattern": {
"url": "http://extra.amcharts.com/images/us.jpg",
"x": -5,
"y": 0
}
}
]
"zoomLevel": 1.0,
"zoomLongitude": 10.7128,
"zoomLatitude": 34.0059,
"lines": [ {
"latitudes": [ 40.43, 41.1533 ],
"longitudes": [ -74, 20.1683 ]
}, {
"latitudes": [ 40.43, 61.5240 ],
"longitudes": [ -74, 105.3188 ]
}, {
"latitudes": [ 40.43, 33.9391 ],
"longitudes": [ -74, 67.7100 ]
}, {
"latitudes": [ 40.43, 28.0339 ],
"longitudes": [ -74, 1.6596 ]
}, {
"latitudes": [ 40.43, 42.5063 ],
"longitudes": [ -74, 1.5218 ]
}, {
"latitudes": [ 40.43, 56.1304 ],
"longitudes": [ -74, -106.3468 ]
}, {
"latitudes": [ 40.43,...