如何链接我的SVG图像（使用Raphael.js）

Question

4

我创建了一个交互式地图，使用raphael.js，遵循Jonathan Petitcolas的教程。

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

但是，我如何向我的单独路径添加数据，以便可以使用jQuery进行目标定位？我想创建一个鼠标悬停覆盖层，其中包含类似西北，南部等信息。 JSFIDDLE DEMO– 我感激任何提示！

- Marian Rick

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ivan Jovović · Accepted Answer

将您的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);

几乎正常工作的Fiddle: http://jsfiddle.net/zbr2rshe/4/ JSFiddle不允许保存任何包含location.href = region.href;的fiddle，因此该fiddle不包含它。