Question

如何绘制此地图的互动版本http://www.toytowngermany.com/munich/ubahn_english_small.jpg

我希望用户能够点击中间节点并添加数据！我应该使用带有.svg文件的html5 canvas标签吗？

Answer 1

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

你应该看一下Raphaël。它允许您进行跨浏览器矢量图形。

http://raphaeljs.com/

Answer 2

有HTML4＆lt; map＆gt;和＆lt; area＆gt;标签，可用于在图像上添加交互区域。

示例：

<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>

使用html5绘制交互式地图？

2 个答案: