API tools faq
paste
Guest User

Untitled

a guest
Feb 6th, 2016
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 8.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>jVectorMap demo</title>
  5.   <link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
  6.   <script src="assets/jquery-1.8.2.js"></script>
  7.   <script src="../jquery-jvectormap.js"></script>
  8.   <script src="../lib/jquery-mousewheel.js"></script>
  9.  
  10.   <script src="../src/jvectormap.js"></script>
  11.  
  12.   <script src="../src/abstract-element.js"></script>
  13.   <script src="../src/abstract-canvas-element.js"></script>
  14.   <script src="../src/abstract-shape-element.js"></script>
  15.  
  16.   <script src="../src/svg-element.js"></script>
  17.   <script src="../src/svg-group-element.js"></script>
  18.   <script src="../src/svg-canvas-element.js"></script>
  19.   <script src="../src/svg-shape-element.js"></script>
  20.   <script src="../src/svg-path-element.js"></script>
  21.   <script src="../src/svg-circle-element.js"></script>
  22.   <script src="../src/svg-image-element.js"></script>
  23.   <script src="../src/svg-text-element.js"></script>
  24.  
  25.   <script src="../src/vml-element.js"></script>
  26.   <script src="../src/vml-group-element.js"></script>
  27.   <script src="../src/vml-canvas-element.js"></script>
  28.   <script src="../src/vml-shape-element.js"></script>
  29.   <script src="../src/vml-path-element.js"></script>
  30.   <script src="../src/vml-circle-element.js"></script>
  31.   <script src="../src/vml-image-element.js"></script>
  32.  
  33.   <script src="../src/map-object.js"></script>
  34.   <script src="../src/region.js"></script>
  35.   <script src="../src/marker.js"></script>
  36.  
  37.   <script src="../src/vector-canvas.js"></script>
  38.   <script src="../src/simple-scale.js"></script>
  39.   <script src="../src/ordinal-scale.js"></script>
  40.   <script src="../src/numeric-scale.js"></script>
  41.   <script src="../src/color-scale.js"></script>
  42.   <script src="../src/legend.js"></script>
  43.   <script src="../src/data-series.js"></script>
  44.   <script src="../src/proj.js"></script>
  45.   <script src="../src/map.js"></script>
  46.  
  47.   <script src="assets/jquery-jvectormap-world-mill-en.js"></script>
  48.   <script>
  49.     jQuery.noConflict();
  50.     jQuery(function(){
  51.       var $ = jQuery;
  52.  
  53.       $('#focus-single').click(function(){
  54.         $('#map1').vectorMap('set', 'focus', {region: 'AU', animate: true});
  55.       });
  56.       $('#focus-multiple').click(function(){
  57.         $('#map1').vectorMap('set', 'focus', {regions: ['AU', 'JP'], animate: true});
  58.       });
  59.       $('#focus-coords').click(function(){
  60.         $('#map1').vectorMap('set', 'focus', {scale: 7, lat: 35, lng: 33, animate: true});
  61.       });
  62.       $('#focus-init').click(function(){
  63.         $('#map1').vectorMap('set', 'focus', {scale: 1, x: 0.5, y: 0.5, animate: true});
  64.       });
  65.       $('#map1').vectorMap({
  66.         map: 'world_mill_en',
  67.         panOnDrag: true,
  68.         focusOn: {
  69.           x: 0.5,
  70.           y: 0.5,
  71.           scale: 2,
  72.           animate: true
  73.         },
  74.         series: {
  75.           regions: [{
  76.             scale: ['#C8EEFF', '#0071A4'],
  77.             normalizeFunction: 'polynomial',
  78.             values: {
  79.               "AF": 16.63,
  80.               "AL": 11.58,
  81.               "DZ": 158.97,
  82.               "AO": 85.81,
  83.               "AG": 1.1,
  84.               "AR": 351.02,
  85.               "AM": 8.83,
  86.               "AU": 1219.72,
  87.               "AT": 366.26,
  88.               "AZ": 52.17,
  89.               "BS": 7.54,
  90.               "BH": 21.73,
  91.               "BD": 105.4,
  92.               "BB": 3.96,
  93.               "BY": 52.89,
  94.               "BE": 461.33,
  95.               "BZ": 1.43,
  96.               "BJ": 6.49,
  97.               "BT": 1.4,
  98.               "BO": 19.18,
  99.               "BA": 16.2,
  100.               "BW": 12.5,
  101.               "BR": 2023.53,
  102.               "BN": 11.96,
  103.               "BG": 44.84,
  104.               "BF": 8.67,
  105.               "BI": 1.47,
  106.               "KH": 11.36,
  107.               "CM": 21.88,
  108.               "CA": 1563.66,
  109.               "CV": 1.57,
  110.               "CF": 2.11,
  111.               "TD": 7.59,
  112.               "CL": 199.18,
  113.               "CN": 5745.13,
  114.               "CO": 283.11,
  115.               "KM": 0.56,
  116.               "CD": 12.6,
  117.               "CG": 11.88,
  118.               "CR": 35.02,
  119.               "CI": 22.38,
  120.               "HR": 59.92,
  121.               "CY": 22.75,
  122.               "CZ": 195.23,
  123.               "DK": 304.56,
  124.               "DJ": 1.14,
  125.               "DM": 0.38,
  126.               "DO": 50.87,
  127.               "EC": 61.49,
  128.               "EG": 216.83,
  129.               "SV": 21.8,
  130.               "GQ": 14.55,
  131.               "ER": 2.25,
  132.               "EE": 19.22,
  133.               "ET": 30.94,
  134.               "FJ": 3.15,
  135.               "FI": 231.98,
  136.               "FR": 2555.44,
  137.               "GA": 12.56,
  138.               "GM": 1.04,
  139.               "GE": 11.23,
  140.               "DE": 3305.9,
  141.               "GH": 18.06,
  142.               "GR": 305.01,
  143.               "GD": 0.65,
  144.               "GT": 40.77,
  145.               "GN": 4.34,
  146.               "GW": 0.83,
  147.               "GY": 2.2,
  148.               "HT": 6.5,
  149.               "HN": 15.34,
  150.               "HK": 226.49,
  151.               "HU": 132.28,
  152.               "IS": 12.77,
  153.               "IN": 1430.02,
  154.               "ID": 695.06,
  155.               "IR": 337.9,
  156.               "IQ": 84.14,
  157.               "IE": 204.14,
  158.               "IL": 201.25,
  159.               "IT": 2036.69,
  160.               "JM": 13.74,
  161.               "JP": 5390.9,
  162.               "JO": 27.13,
  163.               "KZ": 129.76,
  164.               "KE": 32.42,
  165.               "KI": 0.15,
  166.               "KR": 986.26,
  167.               "KW": 117.32,
  168.               "KG": 4.44,
  169.               "LA": 6.34,
  170.               "LV": 23.39,
  171.               "LB": 39.15,
  172.               "LS": 1.8,
  173.               "LR": 0.98,
  174.               "LY": 77.91,
  175.               "LT": 35.73,
  176.               "LU": 52.43,
  177.               "MK": 9.58,
  178.               "MG": 8.33,
  179.               "MW": 5.04,
  180.               "MY": 218.95,
  181.               "MV": 1.43,
  182.               "ML": 9.08,
  183.               "MT": 7.8,
  184.               "MR": 3.49,
  185.               "MU": 9.43,
  186.               "MX": 1004.04,
  187.               "MD": 5.36,
  188.               "MN": 5.81,
  189.               "ME": 3.88,
  190.               "MA": 91.7,
  191.               "MZ": 10.21,
  192.               "MM": 35.65,
  193.               "NA": 11.45,
  194.               "NP": 15.11,
  195.               "NL": 770.31,
  196.               "NZ": 138,
  197.               "NI": 6.38,
  198.               "NE": 5.6,
  199.               "NG": 206.66,
  200.               "NO": 413.51,
  201.               "OM": 53.78,
  202.               "PK": 174.79,
  203.               "PA": 27.2,
  204.               "PG": 8.81,
  205.               "PY": 17.17,
  206.               "PE": 153.55,
  207.               "PH": 189.06,
  208.               "PL": 438.88,
  209.               "PT": 223.7,
  210.               "QA": 126.52,
  211.               "RO": 158.39,
  212.               "RU": 1476.91,
  213.               "RW": 5.69,
  214.               "WS": 0.55,
  215.               "ST": 0.19,
  216.               "SA": 434.44,
  217.               "SN": 12.66,
  218.               "RS": 38.92,
  219.               "SC": 0.92,
  220.               "SL": 1.9,
  221.               "SG": 217.38,
  222.               "SK": 86.26,
  223.               "SI": 46.44,
  224.               "SB": 0.67,
  225.               "ZA": 354.41,
  226.               "ES": 1374.78,
  227.               "LK": 48.24,
  228.               "KN": 0.56,
  229.               "LC": 1,
  230.               "VC": 0.58,
  231.               "SD": 65.93,
  232.               "SR": 3.3,
  233.               "SZ": 3.17,
  234.               "SE": 444.59,
  235.               "CH": 522.44,
  236.               "SY": 59.63,
  237.               "TW": 426.98,
  238.               "TJ": 5.58,
  239.               "TZ": 22.43,
  240.               "TH": 312.61,
  241.               "TL": 0.62,
  242.               "TG": 3.07,
  243.               "TO": 0.3,
  244.               "TT": 21.2,
  245.               "TN": 43.86,
  246.               "TR": 729.05,
  247.               "TM": 0,
  248.               "UG": 17.12,
  249.               "UA": 136.56,
  250.               "AE": 239.65,
  251.               "GB": 2258.57,
  252.               "US": 14624.18,
  253.               "UY": 40.71,
  254.               "UZ": 37.72,
  255.               "VU": 0.72,
  256.               "VE": 285.21,
  257.               "VN": 101.99,
  258.               "YE": 30.02,
  259.               "ZM": 15.69,
  260.               "ZW": 5.57
  261.             }
  262.           }]
  263.         }
  264.       });
  265.     })
  266.   </script>
  267. </head>
  268. <body>
  269.   <div style="height: 400px"></div>
  270.   <div id="map1" style="width: 600px; height: 400px"></div>
  271.   <button id="focus-single">Focus on Australia</button>
  272.   <button id="focus-multiple">Focus on Australia and Japan</button>
  273.   <button id="focus-coords">Focus on Cyprus</button>
  274.   <button id="focus-init">Return to the initial state</button>
  275. </body>
  276. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!