draw an interactive map using html5?

Question

how do I draw an interactive version of this map http://www.toytowngermany.com/munich/ubahn_english_small.jpg

I want the user to be able to click at the intermediate nodes and add data! should I use html5 canvas tag with .svg files?

esamatti · Accepted Answer · 2011-05-21 12:39:31Z

2

You can just use SVG and script it directly with DOM.

You should take a look at Raphaël. It allows you to do cross browser vector graphics.

http://raphaeljs.com/

answered May 21, 2011 at 12:39

esamatti

19.1k11 gold badges83 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kel · Accepted Answer · 2011-05-21 12:42:24Z

1

There are HTML4 <map> and <area> tags, which can be used to add interactive areas on image.

Example:

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

answered May 21, 2011 at 12:42

Kel

7,8103 gold badges32 silver badges39 bronze badges

Collectives™ on Stack Overflow

draw an interactive map using html5?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related