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

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.

Download

Demo

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>