如何链接我的svg图像（raphael.js）

Question

我使用raphael.js后面的Jonathan Petitcolas tutorial创建了一个互动地图。

他跳过的唯一部分是如何在地图内创建链接。我想为地图的每个部分设置目标，例如href="example.html"

虽然，如何将data添加到我的单个路径中，我可以使用jQuery进行定位？我想创建一个包含north west，south等信息的鼠标悬停叠加层。

JSFIDDLE DEMO - 我感谢每一个提示！

Answer 1

将您的regions更改为对象数组，以包含title和href数据：

regions["yw-arnsberg"] = {href:"www.google.com", title: "mytitle", path: map.path("M 314.3,204.1c2.6-0.9,...")};

在for (function (region) {内添加代码以处理标题：

region.path.attr({title: region.title});

并添加click侦听器以处理href数据：

region.path[0].addEventListener("click", function() {
    location.href = region.href;         
}, true);

（差不多）工作小提琴：http://jsfiddle.net/zbr2rshe/4/ JSFiddle不允许用location.href = region.href;保存任何小提琴，所以这个小提琴不包含它。