jvectormap - 禁用预定义为选定区域的onclick事件

Question

正如你有这样的例子：http://jvectormap.com/examples/regions-selection/，你可以通过这样做预定义选定的区域：

  

selectedRegions：[“Hessen”，“Bayern”]

但是，我想禁用这些区域，因此在我将它们预定义为选中后，无法单击或更改状态。

任何人都有任何想法如何完成这样的事情？

谢谢！

Answer 1

返回false或event以防止区域上的默认值以禁用鼠标悬停在该特定区域上的其他事件。像所有事件一样明智，如标记结束，标记点击等。

实施例

jQuery('#map1').bind('regionOver.jvectormap',function(event, code)
{
  if(code == 'US')
  {
     return false ; // if mouse over on 'US' region it will stop further events. like disable
  }
}

这很多帮助你。

谢谢。

Answer 2

旧帖子，但您可以在事件点击（预定义）上禁用该区域，而不是入侵鼠标事件。

注意：

/**
 * jVectorMap version 2.0.4
 *
 * Copyright 2011-2014, Kirill Lebedev
 *
 */

禁用区域上的点击事件：

var yourMap = new jvm.Map({
    map: 'world_mill_en',
    container: $('#map'),
    ....
    ....
    onRegionClick: function (e, code) {
        // check your code here
        if (code == 'somethingYouWantToDisable') {
            e.preventDefault();
        }            
    }
});

如果您需要禁用有关区域的其他事件，请查看以下内容：

    onRegionTipShow: function (e, label, code) {
        e.preventDefault();
    },
    onRegionSelected: function (e, code, isSelected, selectedRegions) {
        e.preventDefault();
    }