我想添加鏈接到某些國家的JQVMap

<html> 
    <head> 
    <title>JQVMap - World Map</title> 
    <link href="../dist/jqvmap.css" media="screen" rel="stylesheet" type="text/css"> 

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
    <script type="text/javascript" src="../dist/jquery.vmap.js"></script> 
    <script type="text/javascript" src="../dist/maps/jquery.vmap.world.js" charset="utf-8"></script> 

    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery('#vmap').vectorMap({ map: 'world_en' }); 
    }); 

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

上面的代碼是創建一個JQVMap。我想舉個例子：點擊美國，然後讓頁面轉到特定的鏈接。法國同樣...我想添加鏈接到某些國家的JQVMap

來源

2017-02-04 user3303871

您可以使用onRegionClick處理程序來處理點擊事件。

onRegionClick: function(event, code, region){ 
     //Do something here 
}

，你可以找到更多的documentation

來源

2017-02-04 20:14:17

延長vectormap負荷這樣的代碼：

jQuery('#vmap').vectorMap({ 
    map: 'world_en', 
    onRegionClick: function(element, code, region) { 
     if(code == 'us'){ 
      window.location = "http://www.yoururl.com/US"; 
     //do something else 
     } 
     if(code == 'fr'){ 
      window.location = "http://www.yoururl.com/FR"; 
     //do something else 
     } 
    } 
    });

現在只用您需要的那些更換URL的。在這裏你可以找到所有的國家代碼清單，如果需要的話https://github.com/manifestinteractive/jqvmap/blob/master/REGIONS.md。

來源

2017-02-04 20:14:29

<腳本類型= 「文本/ JavaScript的」> jQuery的（文件）。就緒（函數（）{ jQuery的（ '＃VMAP'）vectorMap（{地圖： 'world_en'}）; }）; \t jQuery的（ '＃VMAP'）vectorMap（{ 地圖： 'world_en'， onRegionClick：功能（元件，代碼，區域）{ 如果（代碼== 'US'）{ 了window.location =「HTTP ：//www.yoururl.com/US「; //做點別的事 } if（code =='FR'）{ window.location =」http://www.yoururl.com/FR「; //做別的事 } } }）; 你的意思是這樣的： – user3303871

是的，只需要替換'jQuery（'＃vmap'）。vectorMap（{map：'world_en'}）;'用我上面寫的代碼。 –

好吧，由於某種原因，它不工作。 – user3303871

jQuery的（ '＃VMAP'）vectorMap（{ 地圖： 'world_en'， onRegionClick：功能（元件，代碼，區域）{ 如果（代碼== '我們'）{ window.location的= 「http://www.yoururl.com/US 」; // 做別的事情 } 如果（代碼== 'FR'）{ 了window.location =「 http://www.yoururl.com/FR」; // 做別的事情 } } }）;

現在只需將網址替換爲您所需的網址即可。在這裏你可以找到所有的國家代碼清單，如果需要的話https://github.com/manifestinteractive/jqvmap/blob/master/REGIONS.md。

來源

2017-02-04 22:41:00 user3303871

我想添加鏈接到某些國家的JQVMap

回答

相關問題