Peter Schmalfeldt’in geliştirdiği jQVMap Eklentisi.  Desteklediği tarayıcılar Firefox, Safari, Chrome, Opera and Internet Explorer 9.  İnternet  explorer  6  ve 8  için legacy desteği ile  çalışıyor.

Kullanım :

Head  etiketleri  arasına eklenecek bölümler.

dosya adresleri :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="../jqvmap/jquery.vmap.js" type="text/javascript"></script>
<script src="../jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
<script src="../jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>

eklentiyi çalıştıracak olan javascript komut :

<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery('#vmap').vectorMap({
		    map: 'world_en',
		    backgroundColor: '#333333',
		    color: '#ffffff',
		    hoverOpacity: 0.7,
		    selectedColor: '#666666',
		    enableZoom: true,
		    showTooltip: true,
		    values: sample_data,
		    scaleColors: ['#C8EEFF', '#006491'],
		    normalizeFunction: 'polynomial'
		});
	});
</script>

Body etiketleri  arasına eklenecek olan html  kod:

<div id="vmap" style="width: 600px; height: 400px;"></div>