使用html5绘制交互式地图？

如何绘制此地图的交互式版本

我希望用户能够单击中间节点并添加数据！

---

我应该在.svg文件中使用html5画布标记吗？

您可以直接使用svg并使用DOM编写脚本

你应该看看拉斐尔。它允许您进行跨浏览器矢量图形

有HTML4和标签，可用于在图像上添加交互区域

例如：

<img src="image.gif" usemap="#mymap" />

<map name="mymap">
  <area shape="rect" coords="10,10,80,80" onclick="..." />
  <area shape="circle" coords="100,100,80" onclick="..." />
</map>