jVector Map v2.0.4 - Pro Component

Looks great on any resolution. Made by our friends from jVector Map.

<!-- Markup -->
<div class="card ">
  <div class="card-body ">
    <div id="worldMap" class="map map-big"></div>      
  </div>  
</div>
// javascript init
var mapData = {
       "AU": 760,
       "BR": 550,
       "CA": 120,
       "DE": 1300,
       "FR": 540,
       "GB": 690,
       "GE": 200,
       "IN": 200,
       "RO": 600,
       "RU": 300,
       "US": 2920,
   };

   $('#worldMap').vectorMap({
       map: 'world_mill_en',
       backgroundColor: "transparent",
       zoomOnScroll: false,
       regionStyle: {
           initial: {
               fill: '#e4e4e4',
               "fill-opacity": 0.9,
               stroke: 'none',
               "stroke-width": 0,
               "stroke-opacity": 0
           }
       },

       series: {
           regions: [{
               values: mapData,
               scale: ["#AAAAAA","#444444"],
               normalizeFunction: 'polynomial'
           }]
       },
   });