jvectormap kütüphanesi türkiye haritası sorunu

O jquery kodunu çağırman yetmez, ilgili kütüphaneleri eklemen ve bir container div de eklemen gerekir. Senin örneğinde div id'si world-map olmalı (dünya haritası demek ama Türkiye haritası çizdiriyorsun🤔)

<div id="world-map" style="width: 700px; height: 400px; margin:auto; position: relative;"></div>

<script src="./js/jquery.min.js"></script>
<script src="./js/jquery-jvectormap-2.0.1.min.js"></script>
<script src="./js/jquery-jvectormap-data-turkey-tr-en.js"></script>
<script>
      $('#world-map').vectorMap({
          map: 'turkey_1_mill_en'
      });
</script>

 *.js dosyalarının yolunu doğru vermen gerekir. Bu sadece haritayı çizdirir ekstra bilgiler göstermek için ise şunu da eklemelisin ve il code değerine göre (code değerlerini plaka kodu ile örnek olarak verdim code değerleri ilgili "jquery-jvectormap-data-turkey-tr-en.js" dosyasında farklı olabilir) sayfaya gönderdiğin bilgiyi kullanabilirsin:

var data = { 
                    "6": { name: "Ankara", "bilgi": "Türkiye'nin başkenti" },
                    "34": { name: "İstanbul", "bilgi": "Nüfusu en fazla olan şehir" },
};
$('#world-map').vectorMap({
          map: 'turkey_1_mill_en',
          onRegionTipShow: function(e, el, code){
                 var d = data[code];
                 if (d) el.html('<b>'+d.name+'</b><br>Ek bilgi: '+d.bilgi);
          }
});