javascript - Jvectormap 重叠区域，将区域置于顶部，z-index？

Question

a busy cat http://shrani.si/f/2Z/13K/3VqfQ1Ph/rmp.jpg ![无图像][1]

这里，蓝色，是我在 inkscape 中创建的区域。 下面是在浏览器中显示 jvectormap 的内容，光标在“testni1”文本所在的位置发出蜂鸣声。看起来它落后于所有其他地区。

蓝色区域的 A2 路径，我把它放在区域 jvectormap 文件列表的顶部，或者底部，以为会把它带到顶部，但它没有。它留在后面。

如何置顶？

  "paths": 
{
    "AT-2": {"path": "m 272.39276,333.19565 153.50948,0 c 43.2173,30.28397 86.00383,60.63807 0,111.95804 l -153.50948,0 z",
             "name": "testni1"},
    "AT-3": {"path": "m 182.62865

Answer 1

这个问题并不新鲜，但我遇到了同样的问题，也许其他人偶然发现了这个问题。 我想出了简单地重新添加有问题的 svg-path 的解决方案。 jQuery 将从它在 DOM 中的当前位置删除路径，并在末尾再次附加它，这将它放在其他路径之上。

我需要在鼠标悬停时将该区域置于顶部，所以这里是:

设置 map 时，放入“onRegionOver”:

onRegionOver: function(e, code)
{  
    var path    = $('path[data-code="'+code+'"]').get(0);
    var pathParent  = $('path[data-code="'+code+'"]').parent();

    $(pathParent).append(path);
},

就是这样。希望，这会有所帮助。