Tag: jqvmap

使用qTip2和jQuery矢量地图(jqvmap)

我试图禁用jqvmap中使用的默认工具提示,并希望使用qTip2 。 反正有没有实现这个目标? 这是小提琴 。 jquery代码: jQuery(‘#vmap’).vectorMap({ map: ‘world_en’, backgroundColor: null, color: ‘#ffffff’, hoverOpacity: 0.7, selectedColor: ‘#666666’, enableZoom: true, showTooltip: true, values: sample_data, scaleColors: [‘#C8EEFF’, ‘#006491’], normalizeFunction: ‘polynomial’, onLabelShow: function(event, label, code) { $(“#jqvmap1_” + code).qtip({ content: { text: code }, position: { my: ‘top left’, at: ‘bottom right’ } }); event.preventDefault(); } });

JQVMAP选定区域使用JSFIDDLE Demo取消选择

好的,我在我的网站上有一个JQVMAP来选择搜索框的状态。 在我添加Clearfunction之前,一切都很顺利。 我还必须将成员HardCode Link中的补丁合并到补丁中 找到解决方案,将jqvmap.js文件中的第466行更改为: regionClickEvent = $.Event(‘regionClick.jqvmap’); jQuery(params.container).trigger(regionClickEvent, [code, mapData.pathes[code].name]); 这是我初始化它的方式: // with this Code it will select states and change the color of selected states plus save the codes of selected states into a hidden field $(‘#omap’).vectorMap( { map: ‘usa_en’, backgroundColor: ‘#fff’, borderColor: ‘#000’, borderWidth: 4, color: ‘#f4f3f0’, enableZoom: false, hoverColor: ‘#fece2f’, hoverOpacity: […]

JQVMap区域单击“错误”

我有一个像这样的JQVMap设置: jQuery(‘#vmap’).vectorMap({ map: ‘usa_en’, enableZoom: true, showTooltip: true, selectedRegion: ‘MO’, onRegionClick: function(element, code, region) { var message = ‘You clicked “‘ + region + ‘” which has the code: ‘ + code.toUpperCase(); alert(message); }, }); 当我点击任何状态时,我会收到上面设置的状态警报,但是我在控制台中也遇到了JS错误: regionClickEvent未定义 它是JQVMap文件中的if (!regionClickEvent.isDefaultPrevented()) {行,它引发了错误。 如何在不抛出此错误的情况下点击状态?