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']