Raphael/Mapael -由单一传说控制的阴谋和地区

Question

我一直在开发一些基于的自定义SVG地图，但是Mapael是我正在使用的库。为了更好地解释我的例子，我设置了一个例子。

http://jsfiddle.net/arnabsaha/3jNE9/

正如您所看到的，我已经映射了不同的路径来显示不同描述的工具提示。伴随着类似楼梯/自动扶梯的情节(在购物中心环境中)，还有它的传奇。以及地图不同部分/路径的另一个图例。

现在，我需要做的是找到一条出路。单击图例项以隐藏/显示地图的路径/区域(已实现)以及工具提示说明，当在该特定路径/区域上徘徊时，将显示该说明。

现在，在尝试了几件不成功的事情之后，我想到了一个解决方法，单击路径/区域的图例项也可以隐藏/显示带有文本描述属性的情节。就像。在fsfiddle示例中，单击'Azul by moussy‘(区域图例中的第一项)该区域将被高亮显示，同时，如果我也可以隐藏/显示一个情节(带有文本属性)，这是对特定路径/区域的描述？

我希望我能清楚地解释我的情况。

任何想法/帮助都将不胜感激！

谢谢,

阿纳布

代码片段：

$(function(){
$(".maparea6").mapael({
    map : {
        name : "world_countries",
        zoom: {
            enabled: true,
            maxLevel : 10
        },
        defaultPlot: {
            size: 10
        },
        defaultArea: {
            attrs : {
                stroke : "#000", 
                "stroke-width" : 0.5
            }
        }
    },
    legend : {
        area : {
            display : true,
            title :"", 
            slices : [
                    {

                    max :63,
                    min :61, 
                    attrs : {
                        fill : "#f0eeb5"
                    },
                    label :"AZUL by moussy"
                }
                ,
                {

                    max :11,
                    min :9, 
                    attrs : {
                        fill : "#f0eeb5"

Answer 1

如果有人感兴趣，$(".areaLegend svg文本:eq(X)“)；允许您在图例项上添加事件，但是这个解决方案使用起来并不方便.

而且，路径和图已经具有此特性，可以很容易地选择它们：$("data-id='path_ad'")；以便在它们上添加一些事件或任何内容。

开发人员的github：https://github.com/neveldo/jQuery-Mapael

Answer 2

谢谢你报道这个关于图例中的元素的问题。jQuery Mapael：https://github.com/neveldo/jQuery-Mapael/commit/50baf1600d393a736a434c4ee400081da69ede9b的1.0.0版本已经解决了这个问题。