2015-06-04 125 views
4

你好我最近下了Github的JQVmap,我正在製作一個類似於舊卡門桑迪戈遊戲的網站。 我在使用這張地圖的一些網站上看到,當用鼠標懸停時,他們有國家的標籤。 我在閱讀JQVmap github網站上的文件時如何處理這些信息,但沒有成功。顯示鼠標懸停的國家JQVmap

謝謝... 我不知道這是擺在正確的代碼,但在這裏不用

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: ['#a12200', '#343bbb'], 
     normalizeFunction: 'polynomial', 

    }); 
}); 

感謝

回答

0

的代碼是正確的,我認爲。檢查下面的筆。

http://codepen.io/praveenvijayan/pen/XbMBRg

jQuery('#vmap').vectorMap({ 
    map: 'world_en', 
    backgroundColor: null, 
    color: '#ffffff', 
    hoverOpacity: 0.7, 
    selectedColor: '#666666', 
    enableZoom: true, 
    showTooltip: true, 
    scaleColors: ['#C8EEFF', '#006491'], 
    normalizeFunction: 'polynomial' 
}); 

你必須包括: http://jqvmap.com/js/vmap/jquery.vmap.js?v=1.0 http://jqvmap.com/js/vmap/jquery.vmap.world.js?v=1.0

而且由於值加到你必須提供的樣本數據。

http://jqvmap.com/js/vmap/jquery.vmap.sampledata.js?v=1.0

+0

好吧,我複製從URL中的所有代碼,你給了我和我已經下載了我確信我把正確的代碼放到正確的文件替換了原來的代碼文件等和地圖消失... – Chimini

+0

你在本地運行(文件:/)?,那麼這可能無法正常工作。使用服務器中的文件運行。由於安全/交叉來源政策,它不會從機器工作。仍然有問題共享文件請。 –

1

您的代碼是正確的。可能,你不連接文件:

<link href="../dist/jqvmap.css" media="screen" rel="stylesheet" type="text/css"> 
+0

這確實提供了一個問題的答案。如果沒有與類「.jqvmap-label」有關的CSS,默認工具提示沒有樣式,也不會出現。 –