在文件的设计界面插入——图像


右击map图片打开Properties属性，选择左下角绘制多边形热点工具，鼠标变成深黑色十字架符号，再根据地图形状绘制图案


绘制图案如下图，在链接处可给图形增加链接

然后切换文件的代码 界面视图就能得到类似：

<map name="Map" id="Map">

<area shape="poly" coords="28,132,60,153,70,169,78,192,86,204,103,209,120,173,104,153,90,142,106,128,96,120,79,115,53,117" href="#" />

</map>

这样的图片位置点位。

这样得到的点位坐标就是图片能点击的范围了