set initial zoom

You can create animated, interactive flight routes map showing destinations of flights. You can add icons, bullets, texts on top of the map and connect them with lines. Each icon or area can be clickable and can contain more information inside.

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>			
<textarea id="devInfo" style="width:795px; height:150px;"></textarea>     
<br>Shift + left mouse click to get dev info of desired zoom info, longitude/latitude, left/right/top/bottom coordinates

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/",
    developerMode:true,
	dataProvider: {
		map: "worldLow",
        zoomLevel:2.74, zoomLongitude:-20.126097, zoomLatitude:49.215628,
		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]
				}, {
					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]
				}, {
					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:...