Flight routes map

by tiagocarvalho

HTML

<script src="http://canvg.googlecode.com/svn/trunk/canvg.js" type="text/javascript"></script>
<script src="http://canvg.googlecode.com/svn/trunk/rgbcolor.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/ammap.js" type="text/javascript"></script>
<script src="http://www.ammap.com/lib/maps/js/world_low.js" type="text/javascript"></script>
<script type="text/javascript">
    var map;

// 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";

AmCharts.ready(function() {
    map = new AmCharts.AmMap();
    map.pathToImages = "http://www.ammap.com/lib/images/";

    var dataProvider = {
        mapVar: AmCharts.maps.worldLow
    };

    map.areasSettings = {
        unlistedAreasColor: "#FFCC00"
    };

    map.imagesSettings = {
        color: "#CC0000",
        rollOverColor: "#CC0000",
        selectedColor: "#000000"
    };

    map.linesSettings = {
        color: "#CC0000",
        alpha: 0.4
    };

    // LONDON
    var london = {
        id: "london",
        color: "#000000",
        svgPath: targetSVG,
        title: "London",
        latitude: 51.5002,
        longitude: -0.1262,
        scale:...

CSS

#not_button { border-top: 3px dotted #333;margin-top: 40px;padding-top: 40px; }

JavaScript

/*
 * Export.js - AmCharts to PNG
 * Benjamin Maertz ([email protected])
 *
 * Requires:    rgbcolor.js - http://www.phpied.com/rgb-color-parser-in-javascript/
 *                 canvg.js - http://code.google.com/p/canvg/
 *                amcharts.js - http://www.amcharts.com/download
 */

// Lookup for required libs
if ( typeof(AmCharts) === 'undefined' || typeof(canvg) === 'undefined' || typeof(RGBColor) === 'undefined' ) {
    throw('Woup smth is wrong you might review that http://www.amcharts.com/forum/viewtopic.php?id=11001');
}

// Define custom util
AmCharts.getExport = function(anything) {
    /*
    ** PRIVATE FUNCTIONS
    */

    // Word around until somebody found out how to cover that
    function removeImages(svg) {
        var startStr    = '<image';
        var stopStr        = '</image>';
        var start        = svg.indexOf(startStr);
        var stop        = svg.indexOf(stopStr);
        var match        = '';

        // Recursion
        if ( start != -1 && stop != -1 ) {
            svg = removeImages(svg.slice(0,start) + svg.slice(stop + stopStr.length,svg.length));
        }
        return svg;
    };

    // Senseless function to handle any input
    function gatherAnything(anything,inside) {
        switch(String(anything)) {
            case '[object String]':
                if ( document.getElementById(anything) ) {
                    anything = inside?document.getElementById(anything):new Array(document.getElementById(anything));
                }
                break;
            case '[object Array]':
                for ( var i=0;i<anything.length;i++) {
                    anything[i] = gatherAnything(anything[i],true);
                }
                break;

            case '[object XULElement]':
                anything = inside?anything:new Array(anything);
                break;

            case '[object HTMLDivElement]':
                anything = inside?anything:new Array(anything);
                break;

     ...