html如何制作形状怪异的热点链接图？

Question

效果类似 智能导诊 http://wy.guahao.com/guide/body
能在PC端和移动端准确定位，
我研究了下代码，并用整站工具把代码下载下来瞅了下，貌似里面的map和各热点都是动态生成的，
也自己试着在DW里面照着图片画热点，但是图片大小改变之后，坐标不变，导致在缩放的图片上热点区域就不对了！

求实现方法~ 或者有更好的方法

Answer 1

首先不规则的图片：http://hhtravel.com/dest 也可以考虑参考这个的地图

其实就是坐标位置不变，那就是用百分比了，无论是图片的位置还是坐标都是百分比，相对父级而言，参考这个：http://lab.tianyizone.com/supermii_find_diff/