javascript - 如何禁用地图上的所有鼠标事件（单击、悬停等）？

Question

我想用这个产品来显示已经选择了州的美国地图。我不需要任何点击功能。我不能终生阻止 onRegionClick 函数触发。我曾尝试使用 ' event.preventDefault ' 方法，但它不起作用。有人可以帮忙吗？

谢谢，布拉德

Answer 1

我最近遇到了同样的问题，我最终使用了一种解决方法。

在onRegionClick: function(event, code, region) {...}您可以检查是否code在所选状态数组中并用于$vmap.vectorMap('set', 'colors', '#selectedOrDeselected')相应地设置状态颜色

Answer 2

我试过这个：

jQuery('#vmap').vectorMap({ 
  map: 'russia_en',
  // removed other declarations not needed in this example
  onRegionOver: function(event,code, region)
  {
    if (code)
    {
        event.preventDefault();
    }
  }
  });

这可以防止 mouseover 事件在我加载的地图上起作用。如果您为其他事件添加类似的代码，您应该会很好。

Answer 3

我也努力禁用点击区域，最后我使用了一个更简单的解决方案来禁用点击地图：

$('#vmap').off('click');