Tıklanabilir Vectör Dünya Haritası - jQVMap

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

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

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