鼠标悬停在 JQVmap 上显示国家

Question

你好，我最近从 Github 下载了 JQVmap，我正在制作一个有点像旧版 Carmen Sandiego 游戏的网站。我在一些使用这张地图的网站上看到，当你用鼠标悬停时，它们有国家标签。我尽我所知阅读了如何对从 JQVmap github 站点获得的文件执行此操作，但没有成功。

谢谢... 我不确定这是否是正确的代码，但这里是

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

    });
});

谢谢

Answer 1

我认为代码是正确的。检查以下笔。

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

Answer 2

你的代码是真的。可能是，您没有连接文件：

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

鼠标悬停在 JQVmap 上显示国家

Showing Countries on mouse hover JQVmap

css

jquery

jqvmap