gpt4 book ai didi

javascript - Jvectormap 将图像添加到特定标签

转载 作者:行者123 更新时间:2023-12-03 09:42:56 25 4
gpt4 key购买 nike

所以我想根据我将鼠标放在的国家/地区在我的 Jvectormap 标签上添加图像。我已经设法做到了,但问题是,或者它总是同一张图片,或者我在 map 上的所有其他标签上看到“图像未找到”图标。这是我最初编写的代码:

$('#map1').vectorMap({
map: 'world_mill_en',
panOnDrag: true,
zoomOnScroll: false,
onRegionTipShow: function(event, label, index) {
label.html("<img src=\"img/" + [code] + "logo.png\"><br>"+ label.html());
}, });

但对于这个,我在每个标签上都有“未找到图像” Logo ,除了那些存在 [code]logo.png 的标签。我想将图像放在一些标签上,而将其他标签留空。

再次感谢您的回答

最佳答案

好的,我的一位 friend 回答了,所以我将其发布在这里,以防有人想知道。

事实上,您只需要添加 if (imagesCountries.indexOf(code) > -1){}

获取此信息:

onRegionTipShow: function(event, label, code) {
if (imagesCountries.indexOf(code) > -1) {
label.html("<img src=\"img/" + [code] + "logo.png\"><br>"+ label.html());
}
},

现在可以了!

关于javascript - Jvectormap 将图像添加到特定标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31133289/

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