拉斐尔/马佩尔-由一个传说控制的情节和区域

Question

我一直在开发一些基于Raphael.js的自定义SVG映射，但Mapael是我正在使用的库。我已经设置了一个示例的jsfiddle，以便更好地解释我的.

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

正如你所看到的，我已经映射了不同的路径来显示不同描述的工具提示。还有楼梯/自动扶梯(在商场环境中)等带有传奇色彩的情节。以及地图不同部分/路径的另一个图例。

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

现在，在尝试了一些不成功的事情后，我想到了一个变通方法，点击路径/区域的图例项，也可以隐藏/显示具有文本描述属性的绘图。例如，在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