"use strict"; // Class definition var KTamChartsMapsDemo = function() { // Private functions var demo1 = function() { /** * 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 = "m2,106h28l24,30h72l-44,-133h35l80,132h98c21,0 21,34 0,34l-98,0 -80,134h-35l43,-133h-71l-24,30h-28l15,-47"; /** * Create the map */ var map = AmCharts.makeChart("kt_amcharts_1", { "type": "map", "theme": "light", "dataProvider": { "map": "worldLow", "zoomLevel": 3.5, "zoomLongitude": -55, "zoomLatitude": 42, "lines": [{ "id": "line1", "arc": -0.85, "alpha": 0.3, "latitudes": [48.8567, 43.8163, 34.3, 23], "longitudes": [2.3510, -79.4287, -118.15, -82] }, { "id": "line2", "alpha": 0, "color": "#000000", "latitudes": [48.8567, 43.8163, 34.3, 23], "longitudes": [2.3510, -79.4287, -118.15, -82] }], "images": [{ "svgPath": targetSVG, "title": "Paris", "latitude": 48.8567, "longitude": 2.3510 }, { "svgPath": targetSVG, "title": "Toronto", "latitude": 43.8163, "longitude": -79.4287 }, { "svgPath": targetSVG, "title": "Los Angeles", "latitude": 34.3, "longitude": -118.15 }, { "svgPath": targetSVG, "title": "Havana", "latitude": 23, "longitude": -82 }, { "svgPath": planeSVG, "positionOnLine": 0, "color": "#000000", "alpha": 0.1, "animateAlongLine": true, "lineId": "line2", "flipDirection": true, "loop": true, "scale": 0.03, "positionScale": 1.3 }, { "svgPath": planeSVG, "positionOnLine": 0, "color": "#585869", "animateAlongLine": true, "lineId": "line1", "flipDirection": true, "loop": true, "scale": 0.03, "positionScale": 1.8 }] }, "areasSettings": { "unlistedAreasColor": "#8dd9ef" }, "imagesSettings": { "color": "#585869", "rollOverColor": "#585869", "selectedColor": "#585869", "pauseDuration": 0.2, "animationDuration": 2.5, "adjustAnimationSpeed": true }, "linesSettings": { "color": "#585869", "alpha": 0.4 }, "export": { "enabled": true } }); } var demo2 = function() { // 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("kt_amcharts_2", { "type": "map", "theme": "light", "dataProvider": { "map": "worldLow", "zoomLevel": 3.5, "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": [-0.1262, 20.4781] }, { "latitudes": [51.5002, 55.7558], "longitudes": [-0.1262, 37.6176] }, { "latitudes": [51.5002, 38.7072], "longitudes": [-0.1262, -9.1355] }, { "latitudes": [51.5002, 54.6896], "longitudes": [-0.1262, 25.2799] }, { "latitudes": [51.5002, 64.1353], "longitudes": [-0.1262, -21.8952] }, { "latitudes": [51.5002, 40.4300], "longitudes": [-0.1262, -74.0000] }], "images": [{ "id": "london", "svgPath": targetSVG, "title": "London", "latitude": 51.5002, "longitude": -0.1262, "scale": 1 }, { "svgPath": targetSVG, "title": "Brussels", "latitude": 50.8371, "longitude": 4.3676, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Prague", "latitude": 50.0878, "longitude": 14.4205, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Athens", "latitude": 37.9792, "longitude": 23.7166, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Reykjavik", "latitude": 64.1353, "longitude": -21.8952, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Dublin", "latitude": 53.3441, "longitude": -6.2675, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Oslo", "latitude": 59.9138, "longitude": 10.7387, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Lisbon", "latitude": 38.7072, "longitude": -9.1355, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Moscow", "latitude": 55.7558, "longitude": 37.6176, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Belgrade", "latitude": 44.8048, "longitude": 20.4781, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Bratislava", "latitude": 48.2116, "longitude": 17.1547, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Ljubljana", "latitude": 46.0514, "longitude": 14.5060, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Madrid", "latitude": 40.4167, "longitude": -3.7033, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Stockholm", "latitude": 59.3328, "longitude": 18.0645, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Bern", "latitude": 46.9480, "longitude": 7.4481, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Kiev", "latitude": 50.4422, "longitude": 30.5367, "scale": 0.5 }, { "svgPath": targetSVG, "title": "Paris", "latitude": 48.8567, "longitude": 2.3510, "scale": 0.5 }, { "svgPath": targetSVG, "title": "New York", "latitude": 40.43, "longitude": -74, "scale": 0.5 }] }, "areasSettings": { "unlistedAreasColor": "#FFCC00", "unlistedAreasAlpha": 0.9 }, "imagesSettings": { "color": "#CC0000", "rollOverColor": "#CC0000", "selectedColor": "#000000" }, "linesSettings": { "arc": -0.7, // this makes lines curved. Use value from -1 to 1 "arrow": "middle", "color": "#CC0000", "alpha": 0.4, "arrowAlpha": 1, "arrowSize": 4 }, "zoomControl": { "gridHeight": 100, "draggerAlpha": 1, "gridAlpha": 0.2 }, "backgroundZoomsToTop": true, "linesAboveImages": true, "export": { "enabled": true } }); } var demo3 = function() { var map = AmCharts.makeChart("kt_amcharts_3", { "type": "map", "theme": "light", "projection": "miller", "dataProvider": { "map": "worldLow", "getAreasFromMap": true }, "areasSettings": { "autoZoom": true, "selectedColor": "#CC0000" }, "smallMap": {}, "export": { "enabled": true, "position": "bottom-right" } }); } var demo4 = function() { /** * 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"; /** * Create the map */ var map = AmCharts.makeChart("kt_amcharts_4", { "type": "map", "theme": "light", "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] }, { "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": [-0.1262, 20.4781] }, { "latitudes": [51.5002, 55.7558], "longitudes": [-0.1262, 37.6176] }, { "latitudes": [51.5002, 38.7072], "longitudes": [-0.1262, -9.1355] }, { "latitudes": [51.5002, 54.6896], "longitudes": [-0.1262, 25.2799] }, { "latitudes": [51.5002, 64.1353], "longitudes": [-0.1262, -21.8952] }, { "latitudes": [51.5002, 40.4300], "longitudes": [-0.1262, -74.0000] }], "images": [{ "label": "Flights from London", "svgPath": planeSVG, "left": 100, "top": 45, "labelShiftY": 5, "color": "#CC0000", "labelColor": "#CC0000", "labelRollOverColor": "#CC0000", "labelFontSize": 20 }, { "label": "show flights from Vilnius", "left": 106, "top": 70, "labelColor": "#000000", "labelRollOverColor": "#CC0000", "labelFontSize": 11, "linkToObject": "vilnius" }] }, { "id": "vilnius", "color": "#000000", "svgPath": targetSVG, "title": "Vilnius", "latitude": 54.6896, "longitude": 25.2799, "scale": 1.5, "zoomLevel": 4.92, "zoomLongitude": 15.4492, "zoomLatitude": 50.2631, "lines": [{ "latitudes": [54.6896, 50.8371], "longitudes": [25.2799, 4.3676] }, { "latitudes": [54.6896, 59.9138], "longitudes": [25.2799, 10.7387] }, { "latitudes": [54.6896, 40.4167], "longitudes": [25.2799, -3.7033] }, { "latitudes": [54.6896, 50.0878], "longitudes": [25.2799, 14.4205] }, { "latitudes": [54.6896, 48.2116], "longitudes": [25.2799, 17.1547] }, { "latitudes": [54.6896, 44.8048], "longitudes": [25.2799, 20.4781] }, { "latitudes": [54.6896, 55.7558], "longitudes": [25.2799, 37.6176] }, { "latitudes": [54.6896, 37.9792], "longitudes": [25.2799, 23.7166] }, { "latitudes": [54.6896, 54.6896], "longitudes": [25.2799, 25.2799] }, { "latitudes": [54.6896, 51.5002], "longitudes": [25.2799, -0.1262] }, { "latitudes": [54.6896, 53.3441], "longitudes": [25.2799, -6.2675] }], "images": [{ "label": "Flights from Vilnius", "svgPath": planeSVG, "left": 100, "top": 45, "labelShiftY": 5, "color": "#CC0000", "labelColor": "#CC0000", "labelRollOverColor": "#CC0000", "labelFontSize": 20 }, { "label": "show flights from London", "left": 106, "top": 70, "labelColor": "#000000", "labelRollOverColor": "#CC0000", "labelFontSize": 11, "linkToObject": "london" }] }, { "svgPath": targetSVG, "title": "Brussels", "latitude": 50.8371, "longitude": 4.3676 }, { "svgPath": targetSVG, "title": "Prague", "latitude": 50.0878, "longitude": 14.4205 }, { "svgPath": targetSVG, "title": "Athens", "latitude": 37.9792, "longitude": 23.7166 }, { "svgPath": targetSVG, "title": "Reykjavik", "latitude": 64.1353, "longitude": -21.8952 }, { "svgPath": targetSVG, "title": "Dublin", "latitude": 53.3441, "longitude": -6.2675 }, { "svgPath": targetSVG, "title": "Oslo", "latitude": 59.9138, "longitude": 10.7387 }, { "svgPath": targetSVG, "title": "Lisbon", "latitude": 38.7072, "longitude": -9.1355 }, { "svgPath": targetSVG, "title": "Moscow", "latitude": 55.7558, "longitude": 37.6176 }, { "svgPath": targetSVG, "title": "Belgrade", "latitude": 44.8048, "longitude": 20.4781 }, { "svgPath": targetSVG, "title": "Bratislava", "latitude": 48.2116, "longitude": 17.1547 }, { "svgPath": targetSVG, "title": "Ljubljana", "latitude": 46.0514, "longitude": 14.5060 }, { "svgPath": targetSVG, "title": "Madrid", "latitude": 40.4167, "longitude": -3.7033 }, { "svgPath": targetSVG, "title": "Stockholm", "latitude": 59.3328, "longitude": 18.0645 }, { "svgPath": targetSVG, "title": "Bern", "latitude": 46.9480, "longitude": 7.4481 }, { "svgPath": targetSVG, "title": "Kiev", "latitude": 50.4422, "longitude": 30.5367 }, { "svgPath": targetSVG, "title": "Paris", "latitude": 48.8567, "longitude": 2.3510 }, { "svgPath": targetSVG, "title": "New York", "latitude": 40.43, "longitude": -74 } ] }, "areasSettings": { "unlistedAreasColor": "#FFCC00" }, "imagesSettings": { "color": "#CC0000", "rollOverColor": "#CC0000", "selectedColor": "#000000" }, "linesSettings": { "color": "#CC0000", "alpha": 0.4 }, "balloon": { "drop": true }, "backgroundZoomsToTop": true, "linesAboveImages": true, "export": { "enabled": true } }); } var demo5 = function() { var map = AmCharts.makeChart("kt_amcharts_5", { "type": "map", "theme": "light", "dataProvider": { "map": "worldHigh", "zoomLevel": 3.5, "zoomLongitude": 10, "zoomLatitude": 52, "areas": [{ "title": "Austria", "id": "AT", "color": "#67b7dc", "customData": "1995", "groupId": "before2004" }, { "title": "Ireland", "id": "IE", "color": "#67b7dc", "customData": "1973", "groupId": "before2004" }, { "title": "Denmark", "id": "DK", "color": "#67b7dc", "customData": "1973", "groupId": "before2004" }, { "title": "Finland", "id": "FI", "color": "#67b7dc", "customData": "1995", "groupId": "before2004" }, { "title": "Sweden", "id": "SE", "color": "#67b7dc", "customData": "1995", "groupId": "before2004" }, { "title": "Great Britain", "id": "GB", "color": "#67b7dc", "customData": "1973", "groupId": "before2004" }, { "title": "Italy", "id": "IT", "color": "#67b7dc", "customData": "1957", "groupId": "before2004" }, { "title": "France", "id": "FR", "color": "#67b7dc", "customData": "1957", "groupId": "before2004" }, { "title": "Spain", "id": "ES", "color": "#67b7dc", "customData": "1986", "groupId": "before2004" }, { "title": "Greece", "id": "GR", "color": "#67b7dc", "customData": "1981", "groupId": "before2004" }, { "title": "Germany", "id": "DE", "color": "#67b7dc", "customData": "1957", "groupId": "before2004" }, { "title": "Belgium", "id": "BE", "color": "#67b7dc", "customData": "1957", "groupId": "before2004" }, { "title": "Luxembourg", "id": "LU", "color": "#67b7dc", "customData": "1957", "groupId": "before2004" }, { "title": "Netherlands", "id": "NL", "color": "#67b7dc", "customData": "1957", "groupId": "before2004" }, { "title": "Portugal", "id": "PT", "color": "#67b7dc", "customData": "1986", "groupId": "before2004" }, { "title": "Lithuania", "id": "LT", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Latvia", "id": "LV", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Czech Republic ", "id": "CZ", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Slovakia", "id": "SK", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Slovenia", "id": "SI", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Estonia", "id": "EE", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Hungary", "id": "HU", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Cyprus", "id": "CY", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Malta", "id": "MT", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Poland", "id": "PL", "color": "#ebdb8b", "customData": "2004", "groupId": "2004" }, { "title": "Romania", "id": "RO", "color": "#83c2ba", "customData": "2007", "groupId": "2007" }, { "title": "Bulgaria", "id": "BG", "color": "#83c2ba", "customData": "2007", "groupId": "2007" }, { "title": "Croatia", "id": "HR", "color": "#db8383", "customData": "2013", "groupId": "2013" }] }, "areasSettings": { "rollOverOutlineColor": "#FFFFFF", "rollOverColor": "#CC0000", "alpha": 0.8, "unlistedAreasAlpha": 0.1, "balloonText": "[[title]] joined EU at [[customData]]" }, "legend": { "width": "100%", "marginRight": 27, "marginLeft": 27, "equalWidths": false, "backgroundAlpha": 0.5, "backgroundColor": "#FFFFFF", "borderColor": "#ffffff", "borderAlpha": 1, "top": 450, "left": 0, "horizontalGap": 10, "data": [{ "title": "EU member before 2004", "color": "#67b7dc" }, { "title": "Joined at 2004", "color": "#ebdb8b" }, { "title": "Joined at 2007", "color": "#83c2ba" }, { "title": "Joined at 2013", "color": "#db8383" }] }, "export": { "enabled": true } }); } var demo6 = function() { var map = AmCharts.makeChart("kt_amcharts_6", { "type": "map", "theme": "light", "colorSteps": 10, "dataProvider": { "map": "usaLow", "areas": [{ "id": "US-AL", "value": 4447100 }, { "id": "US-AK", "value": 626932 }, { "id": "US-AZ", "value": 5130632 }, { "id": "US-AR", "value": 2673400 }, { "id": "US-CA", "value": 33871648 }, { "id": "US-CO", "value": 4301261 }, { "id": "US-CT", "value": 3405565 }, { "id": "US-DE", "value": 783600 }, { "id": "US-FL", "value": 15982378 }, { "id": "US-GA", "value": 8186453 }, { "id": "US-HI", "value": 1211537 }, { "id": "US-ID", "value": 1293953 }, { "id": "US-IL", "value": 12419293 }, { "id": "US-IN", "value": 6080485 }, { "id": "US-IA", "value": 2926324 }, { "id": "US-KS", "value": 2688418 }, { "id": "US-KY", "value": 4041769 }, { "id": "US-LA", "value": 4468976 }, { "id": "US-ME", "value": 1274923 }, { "id": "US-MD", "value": 5296486 }, { "id": "US-MA", "value": 6349097 }, { "id": "US-MI", "value": 9938444 }, { "id": "US-MN", "value": 4919479 }, { "id": "US-MS", "value": 2844658 }, { "id": "US-MO", "value": 5595211 }, { "id": "US-MT", "value": 902195 }, { "id": "US-NE", "value": 1711263 }, { "id": "US-NV", "value": 1998257 }, { "id": "US-NH", "value": 1235786 }, { "id": "US-NJ", "value": 8414350 }, { "id": "US-NM", "value": 1819046 }, { "id": "US-NY", "value": 18976457 }, { "id": "US-NC", "value": 8049313 }, { "id": "US-ND", "value": 642200 }, { "id": "US-OH", "value": 11353140 }, { "id": "US-OK", "value": 3450654 }, { "id": "US-OR", "value": 3421399 }, { "id": "US-PA", "value": 12281054 }, { "id": "US-RI", "value": 1048319 }, { "id": "US-SC", "value": 4012012 }, { "id": "US-SD", "value": 754844 }, { "id": "US-TN", "value": 5689283 }, { "id": "US-TX", "value": 20851820 }, { "id": "US-UT", "value": 2233169 }, { "id": "US-VT", "value": 608827 }, { "id": "US-VA", "value": 7078515 }, { "id": "US-WA", "value": 5894121 }, { "id": "US-WV", "value": 1808344 }, { "id": "US-WI", "value": 5363675 }, { "id": "US-WY", "value": 493782 }] }, "areasSettings": { "autoZoom": true }, "valueLegend": { "right": 10, "minValue": "little", "maxValue": "a lot!" }, "export": { "enabled": true } }); } return { // public functions init: function() { demo1(); demo2(); demo3(); demo4(); demo5(); demo6(); } }; }(); jQuery(document).ready(function() { KTamChartsMapsDemo.init(); });