jquery - 鼠标悬停在 JQVmap 上显示国家

标签 jquery css jqvmap

你好,我最近从 Github 上下载了 JQVmap,我正在制作一个有点像旧 Carmen Sandiego 游戏的网站。 我在一些使用这张 map 的网站上看到,当你用鼠标悬停时,它们有国家标签。 我尽我所知阅读了如何对从 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',

    });
});

谢谢

最佳答案

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

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

关于jquery - 鼠标悬停在 JQVmap 上显示国家,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30637658/

相关文章:

jquery - 自定义工具提示 JQVMap

javascript - JQuery - 不是第一个

javascript - Angular js - 包括 jquery 插件

javascript - 使用javascript动态切换类

css - 文字阴影内嵌效果css3

javascript - jqVmap 静态工具提示

javascript - JQVMap - 如何在区域点击时显示数据值

javascript - 将react.js与chart.js一起使用时获取 "TypeError: document.getElementById(...) is null"

html - 对齐容器内图像旁边的文本

jquery - 网站导航 - 向下滑动页面内容 - 类似于示例站点 'pavilionvenue.co.uk' 但水平