jvectormap.custom.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. $(function () {
  2. "use strict";
  3. jQuery('#world-map-markers').vectorMap({
  4. map: 'world_mill_en',
  5. backgroundColor: 'transparent',
  6. borderColor: '#818181',
  7. borderOpacity: 0.25,
  8. borderWidth: 1,
  9. zoomOnScroll: false,
  10. color: '#009efb',
  11. regionStyle: {
  12. initial: {
  13. fill: '#3461ff'
  14. }
  15. },
  16. markerStyle: {
  17. initial: {
  18. r: 9,
  19. 'fill': '#fff',
  20. 'fill-opacity': 1,
  21. 'stroke': '#000',
  22. 'stroke-width': 5,
  23. 'stroke-opacity': 0.4
  24. },
  25. },
  26. enableZoom: true,
  27. hoverColor: '#009efb',
  28. markers: [{
  29. latLng: [21.00, 78.00],
  30. name: 'I Love My India'
  31. }],
  32. hoverOpacity: null,
  33. normalizeFunction: 'linear',
  34. scaleColors: ['#b6d6ff', '#005ace'],
  35. selectedColor: '#c9dfaf',
  36. selectedRegions: [],
  37. showTooltip: true,
  38. onRegionClick: function (element, code, region) {
  39. var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
  40. alert(message);
  41. }
  42. });
  43. $('#india').vectorMap({
  44. map: 'in_mill',
  45. backgroundColor: 'transparent',
  46. zoomOnScroll: false,
  47. regionStyle: {
  48. initial: {
  49. fill: '#32ab13'
  50. }
  51. }
  52. });
  53. $('#usa').vectorMap({
  54. map: 'us_aea_en',
  55. backgroundColor: 'transparent',
  56. zoomOnScroll: false,
  57. regionStyle: {
  58. initial: {
  59. fill: '#f10707'
  60. }
  61. }
  62. });
  63. $('#australia').vectorMap({
  64. map: 'au_mill',
  65. backgroundColor: 'transparent',
  66. zoomOnScroll: false,
  67. regionStyle: {
  68. initial: {
  69. fill: '#ffc107'
  70. }
  71. }
  72. });
  73. $('#uk').vectorMap({
  74. map: 'uk_mill_en',
  75. backgroundColor: 'transparent',
  76. zoomOnScroll: false,
  77. regionStyle: {
  78. initial: {
  79. fill: '#198fed'
  80. }
  81. }
  82. });
  83. });