如何动态生成area标签及coods属性？

我是新手。自己摸索了一个动态网页，主要功能是客户端输入，然后服务器端依据输入的内容查找数据库，然后将结果生成一个文本文件，然后服务器端调用另一个画图的软件依据文本文件的内容画图（类似冰糖葫芦的图），最后再在客户端显示出图形来。
接下来的事我就不知道该怎么做了： 因为每次生成的图中冰糖葫芦个数和位置是不一样的，但我需要客户端能点击每个不同的冰糖葫芦来获取不同的超链接（也就是不同冰糖葫芦的信息）。请问什么方法可以在html中动态生成<map>下的<area>标签个数，以及每个area中coods的值呢？比如：
<area shape="poly" coords="33,72,27,72,27,67,22,77,27,87,27,82,33,82"
<area shape="poly" coords="35,72,68,72,68,67,73,77,68,87,68,82,35,82"
<area shape="poly" coords="97,72,80,72,80,67,75,77,80,87,80,82,97,82"
<area shape="poly" coords="98,88,99,88,99,83,104,93,99,103,99,98,98,98"
......我不知道是不是要用到JS？还是有别的办法？先谢谢了。