Using mapLine objects to show demarcation lines on the 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/worldHigh.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",
"theme": "dark",
"pathToImages": "http://www.amcharts.com/lib/3/images/",
"dataProvider": {
"map": "worldHigh",
"getAreasFromMap": false,
"zoomLatitude": 28.374545,
//"zoomLevel": 14.45336,
// "zoomLongitude": -9.390826,
"lines": [{
"latitudes": [27.287463, 27.287463],
"longitudes": [-13.05, -8.696904]
}]
},
"areasSettings": {
"autoZoom": true,
"selectedColor": "#CC0000"
},
"linesSettings": {
"dashLength": 0.5,
"color": "#FFCC00",
"thickness": 2
},
areas: [{
"id": "US",
"title": "United States",
"pattern": {
"url": "patterns/white/pattern1.png",
width: 4,
height: 4,
color: "#DF013A"
}
}]
});