#8380

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

// svg path for target icon
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
// svg path for plane icon
var planeSVG = "M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z";

var map = AmCharts.makeChart("chartdiv", {
	type: "map",
    "theme": "none",
    pathToImages: "http://www.amcharts.com/lib/3/images/",

	dataProvider: {
		map: "worldLow",
		linkToObject: "london",
		images: [{
				id: "london",
				color: "#000000",
				svgPath: targetSVG,
				title: "London",
				latitude: 51.5002,
				longitude: -0.1262,
				scale: 1.5,
				zoomLevel: 2.74,
				zoomLongitude: -20.1341,
				zoomLatitude: 49.1712,

				lines: [{
					latitudes: [51.5002, 50.4422],
					longitudes: [-0.1262, 30.5367],
                    thickness: 3
				}, {
					latitudes: [51.5002, 46.9480],
					longitudes: [-0.1262, 7.4481]
				}, {
					latitudes: [51.5002, 59.3328],
					longitudes: [-0.1262, 18.0645]
				}, {
					latitudes: [51.5002, 40.4167],
					longitudes: [-0.1262, -3.7033],
                    thickness: 5
				}, {
					latitudes: [51.5002, 46.0514],
					longitudes: [-0.1262, 14.5060]
				}, {
					latitudes: [51.5002, 48.2116],
					longitudes: [-0.1262, 17.1547]
				}, {
					latitudes: [51.5002, 44.8048],
					longitudes: [-0.1262, 20.4781]
				},...