jVectorMap - 禁用悬停在国家/地区上方

时间:2014-02-28 07:38:00

标签: jquery css jvectormap

我正在使用jVectorMap库并且它正常工作。但是当鼠标悬停在地图上时,我不想显示国家名称。

// worldMap is the container
  $('#worldMap').vectorMap({
                    map: 'world_mill_en',
                    backgroundColor : 'transparent',
                    zoomOnScroll: false,
                    zoomButtons : false
    });

当我们将鼠标悬停在地图上时,它会显示国家/地区名称。我想要禁用此功能。

http://jsfiddle.net/3xZ28/238/

非常感谢任何帮助。

3 个答案:

答案 0 :(得分:7)

旧帖子,但从v2.0.3开始,事件onRegionLabelShow已更改为onRegionTipShowonMarkerLabelShow = onMarkerTipShow

也是如此
onRegionTipShow: function (e, label, code) {
    e.preventDefault();
}

答案 1 :(得分:2)

http://jsfiddle.net/3xZ28/243/

onRegionLabelShow: function(e, el, code){
    e.preventDefault();
}

答案 2 :(得分:1)

之后,从@ Mr.TK回答并进一步谷歌搜索。我找到了解决方案:

$('#worldMap').vectorMap({
     map: 'world_mill_en',
     backgroundColor: 'green',
     normalizeFunction: 'polynomial',
     zoomOnScroll: false,
     zoomButtons: false,
     regionStyle: {
         hover: {
             "fill-opacity": 1
         }
     },
     onRegionLabelShow: function (e, el, code) {
         e.preventDefault();
     },
     markers: [{
         latLng: [37.7833, -122.4167],
         name: 'San Francisco'
     }]
 });

这就是我想要的: http://jsfiddle.net/3xZ28/244/