我正在使用jVectormap插件在世界地圖上突出顯示國家。現在正如我的問題表明,當特定的國家被徘徊時,我想顯示國家的國旗。當在特定國家徘徊時突出顯示國家國旗在空白世界地圖上
我不想爲整個世界地圖做圖像映射。所以不要發佈該解決方案,我不認爲它是一個可行的解決方案,因爲我沒有這樣的時間來做到這一點。
如果有人使用任何插件,svg,谷歌地圖,任何人都可以幫我解決這個問題。
如果有任何付費插件有,那麼我想知道。我搜索了2天。但我還沒有遇到過這樣的功能。
我正在使用jVectormap插件在世界地圖上突出顯示國家。現在正如我的問題表明,當特定的國家被徘徊時,我想顯示國家的國旗。當在特定國家徘徊時突出顯示國家國旗在空白世界地圖上
我不想爲整個世界地圖做圖像映射。所以不要發佈該解決方案,我不認爲它是一個可行的解決方案,因爲我沒有這樣的時間來做到這一點。
如果有人使用任何插件,svg,谷歌地圖,任何人都可以幫我解決這個問題。
如果有任何付費插件有,那麼我想知道。我搜索了2天。但我還沒有遇到過這樣的功能。
您可以提供onRegionLabelShow
的功能,該功能使用區域code
構建國家/地區標誌的URL,然後自定義label
。
$(function() {
$('#map').vectorMap({
onRegionLabelShow: function(event, label, code)
{
label.html(label.html()+
'<br><img src="'+getFlagImgSrc(code)+'" height="20">');
}
});
/*
* Constructs a URL for a country flag image on Flags Of The World
* using the ISO-3166 Digraph
*/
function getFlagImgSrc(code)
{
return 'http://www.fotw.us/images/'+
code.toLowerCase().substring(0,1)+
'/'+
code.toLowerCase()+
'.gif';
}
});
的渲染標籤的外觀與該國國旗的一個例子,當你鼠標放在一個區域:
不好意思,你也可以看看這個問題嗎?http://stackoverflow.com/questions/38672204/jvector-map如何有動態圖像時標記懸停 – 2016-07-31 10:06:13
函數'onRegionLabelShow'在v2.0 +中被重命名爲'onRegionTipShow' – MarcGuay 2016-10-27 16:23:43
的可能的複製http://stackoverflow.com/questions/9945265/add -click-event-on-an-embedded-svg-in-javascript – Jlange 2012-04-09 16:04:51