Vector World Map

Below is an example of displaying the world map.

Vector Map: USA

Below is an example of displaying the usa map.

Vector Map: Canada

Below is an example of displaying the canada map.

Vector Map Options

Below are the available options for the vector map.

Source Code

$('#vmap').vectorMap({
  map: 'world_en',
  backgroundColor: '#a5bfdd',
  borderColor: '#818181',
  borderOpacity: 0.25,
  borderWidth: 1,
  color: '#f4f3f0',
  enableZoom: true,
  hoverColor: '#c9dfaf',
  hoverOpacity: null,
  normalizeFunction: 'linear',
  scaleColors: ['#b6d6ff', '#005ace'],
  selectedColor: '#c9dfaf',
  selectedRegions: null,
  showTooltip: true,
  onRegionClick: function(element, code, region) {}
});

Vector Map Countries & Continents

Below are some of the available countries and continents for vector map.

Script Code

<script src="../lib/jqvmap/jquery.vmap.min.js"></script>
<script src="../lib/jqvmap/maps/jquery.vmap.world.js"></script>

Map Reference