gpt4 book ai didi

javascript - jqvMap 自定义工具提示

转载 作者:行者123 更新时间:2023-11-29 17:57:28 24 4
gpt4 key购买 nike

我确实意识到其他 jqvMap 自定义工具提示主题已经得到解答,但是,该解决方案对我不起作用。

这是我当前的 jQuery jqvMap 代码:

  jQuery(document).ready(function () {
jQuery('#vmap').vectorMap({
map: 'usa_en',
enableZoom: true,
showTooltip: true,
selectedColor: null,
hoverColor: null,
backgroundColor: '#fffff',
colors: {
fl: '#016ea1',
ma: '#016ea1',
md: '#016ea1',
wa: '#016ea1',
mn: '#016ea1',
ny: '#016ea1',
wi: '#016ea1',
hi: '#016ea1',
vt: '#016ea1',
nv: '#016ea1',
ia: '#016ea1',
ca: '#016ea1',
or: '#016ea1',
nj: '#016ea1',
},
onRegionClick: function(element, code, region)
{
window.location = 'http://google.com/' + region;

},
onLabelShow: function(event, label, code) {
if (states.toLowerCase().indexOf(code) <= -1) {
event.preventDefault();
} else if (label[0].innerHTML == "Colorado") {
label[0].innerHTML = label[0].innerHTML + " - The state where I live!!";
}
},
});
});

我尝试将其他主题的代码与“onLabelShow”部分一起使用,但它只会让我的工具提示整体消失。有什么解决办法吗?

谢谢!

链接: https://github.com/manifestinteractive/jqvmap (jqvMap文档) Custom Tooltips JQVMap (其他话题)

最佳答案

如果您查看浏览器控制台,您会发现 states 变量根本没有定义。如果你想防止工具提示显示在不存在的状态上,你需要定义states,如果不存在,只需删除第一个if语句。onLabelShow 应该是这样的:

onLabelShow: function(event, label, code) {
states =["fl","ma","md","wa","mn","ny","wi","hi","vt","nv","ia","ca","or","nj"];
if (states.indexOf(code) <= -1) {
event.preventDefault();
} else if (label[0].innerHTML == "Florida") {
label[0].innerHTML = label[0].innerHTML + " - The state where I live!!";
}
},
});

您可以找到一个工作示例 Here

希望有所帮助。

关于javascript - jqvMap 自定义工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37771783/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com