amMap Export Test

Based on https://www.amcharts.com/demos/grouped-countries-map/

HTML

<script src="https://www.amcharts.com/lib/3/ammap.js"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/worldLow.js"></script>
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>

<script src="https://www.amcharts.com/lib/3/plugins/export/export.js">
</script>
<script src="https://www.amcharts.com/lib/3/plugins/export/libs/fabric.js/fabric.min.js">
</script>
<script src="https://www.amcharts.com/lib/3/plugins/export/libs/FileSaver.js/FileSaver.min.js">
</script>
<link href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" rel="stylesheet" />

<div id="chartdiv"></div>

CSS

#chartdiv {
	width	: 100%;
	height	: 500px;
}

JavaScript

var map = AmCharts.makeChart( "chartdiv", {
  type: "map",
  "theme": "light",

  dataProvider: {
    map: "worldLow",
    zoomLevel: 3.5,
    zoomLongitude: 10,
    zoomLatitude: 52,
    
    images: [{
      id: "london",
      type: "circle",
      title: "London",
      latitude: 51.5002,
      longitude: -0.1262,
      scale: 2,
      color: "#CC0000"
    }],
    
    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]
    }]
  },

  areasSettings: {
  	rollOverOutlineColor: "#FFFFFF",
    rollOverColor: "#CC0000",
    alpha: 0.8,
    unlistedAreasAlpha: 0.3,
    unlistedAreasColor: "#888",
    balloonText: "[[title]] joined EU at [[customData]]"
  },
  
  "export": {
    "enabled": true,
    "libs": {
      "autoLoad": false
    }
  }

} );