Vector Maps

A vector-based, cross-browser and cross-platform component for interactive geography-related data visualization on the web. Read the Official JQVMap Documentation for a full list of instructions and other options.


Vector map: World

Below is a basic example of displaying the world map.

$('#vmap').vectorMap({
  map: 'world_en',
  backgroundColor: '#fff',
  borderColor: '#fff',
  color: '#8392a5',
  selectedColor: null,
  hoverColor: null,
  hoverOpacity: 0.8,
  enableZoom: false,
  showTooltip: false
});

Enable Zoom

Whether to enable map zoom ( true or false, defaults to true)

enableZoom: true

Show Tooltip

Whether to show tooltips on mouseover ( true or false, defaults to true )

showTooltip: true

Map by Country

In this example, we are showing map of the United States.

showTooltip: true

Selected Region

In this example, we are showing pre selected region in country of United States.

selectedColor: '#0168fa',
selectedRegions: ['CA','NY','OR', 'FL']