gpt4 book ai didi

jquery - jvectormap:如何在标记标签/工具提示中实现 HTML 而不是简单的字符串?

转载 作者:行者123 更新时间:2023-12-03 22:09:55 24 4
gpt4 key购买 nike

我刚刚实现了 jQuery 插件 jvectormap ,用于世界地图的使用。一切都很完美,除了这个也许..我添加了一些标记,并尝试将 HTML 实现到标记标签/工具提示中。因此,当鼠标悬停在标记上时,我希望显示一个图像/html,而不仅仅是“blabla”。

我怎样才能达到这个结果?

这是初始化 JS:

$('#map').vectorMap({
markerStyle: {
initial: {
fill: '#F8E23B',
stroke: '#383f47'
}
},
backgroundColor: '#383f47',
markers: [
{latLng: [46.90, 8.45], name: "<img src=\"img/logo.png\">"}
],
...(other code isn't important)...

重要的部分是 name: "<img src=\"img/logo.png\">"

感谢您的帮助!!

最佳答案

如果您想自定义当鼠标悬停在标记上时显示的标签/工具提示,您应该为 onMarkerLabelShow 提供一个函数。

onMarkerLabelShow Function (Event e, Object label, String code) Will be called right before the marker label is going to be shown.

例如:

$('#map').vectorMap({
markerStyle: {
initial: {
fill: '#F8E23B',
stroke: '#383f47'
}
},
backgroundColor: '#383f47',
markers: [
{latLng: [46.90, 8.45], name: "My marker name"}
],
onMarkerLabelShow: function(event, label, code) {
label.html("<img src=\"img/logo.png\"><br>"+ label.html());
}
});

关于jquery - jvectormap:如何在标记标签/工具提示中实现 HTML 而不是简单的字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12937946/

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