Question

我一直在研究基于Raphael.js的少量自定义 SVG 地图，但Mapael是我正在使用的库。我已经设置了一个示例的jsfiddle来更好地解释我的。

如您所见，我已映射了不同的路径以显示不同描述的工具提示。随着它的传说，随着楼梯/自动扶梯（在商场环境中）的情节。以及地图不同部分/路径的另一个图例。

现在我需要做的是找到一种方法，例如。单击图例项以隐藏/显示地图的路径/区域（已实现）以及在特定路径/区域上悬停时显示的工具提示说明。

现在，在尝试了一些不成功的事情后，我想到了一个解决方法，点击路径/区域的图例项也隐藏/显示带有文本描述属性的图。例如。在fsfiddle示例中，单击'Azul by moussy'，（区域图例中的第一项）该区域将突出显示，如果我还可以隐藏/显示一个图表（带有文本属性），这是对此的描述特定的路径/区域？

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

非常感谢任何想法/帮助！

谢谢，

ARNAB

代码段

$(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 text：eq（X）”）;允许您在图例项目上添加事件，但此解决方案使用起来不是很方便......

并且，路径和图表已经具有此功能，可以轻松选择它们，即：$（“[data-id ='path_ad']”）;为了在它们上添加一些事件或任何东西。

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

Answer 2

感谢您报告有关图例中元素的此问题。它已经被jQuery Mapael的1.0.0版解决了：https://github.com/neveldo/jQuery-Mapael/commit/50baf1600d393a736a434c4ee400081da69ede9b

Raphael / Mapael - 由一个传奇人物控制的地块和区域

2 个答案: