<body>
<div>
<img src="test.jpg"usemap="#Map">
</div>
<map name="Map">
<area shape="poly" coords="0,43,43,0,120,0,163,43,120,86,43,86" href="#">
<area shape="poly" coords="163,43,206,0,285,0,328,43,285,86,206,86" href="#">
</map>
</body>
</html>
多边形：shape="polygon"，coords="x1,y1,x2,y2,x3,y3,..."
每一对 "x,y" 坐标都定义了多边形的一个顶点（"0,0" 是图像左上角的坐标）。定义三角形至少需要三组坐标；高纬多边形则需要更多数量的顶点。
多边形会自动封闭，因此在列表的结尾不需要重复第一个坐标来闭合整个区域。
x1,y1,x2,y2,..,xn,yn 如果 shape 属性设置为 "poly"，则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致，那么为了关闭多边形，浏览器必须添加最后一对坐标。
也可以按别的顺序来画，如234561
本身就能实现的，style="cursor:pointer"这就是实现你的需求。只是需要点击图片弹出ok的话做以下调整：onclick="javascript:alert('ok')"。需要加上javascript:<div class="hexagon_father">
<div class="hexagon_child">
<div class="hexagon_childchild">
<img src="forest.png" style="cursor:pointer" onclick="javascript:alert('ok')">
</div>
</div>
</div>
因为正六边形由六个等边三角形组成，所以：
正六边形的面积=三角形面积×6=这些等边三角形的高是正六边形内切圆的半径，即：√3/2 a
六边形是多边形的一种，指所有有六条边和六只角的多边形。正六边形可以单单用圆规直尺来绘画。因为当正六边形内接于圆时，圆的半径刚好等于正六边形的边长，正六边形最长的对角线就等于圆的直径。中国古代对圆周和直径的关系有“周三径一”之说，可以视为采用正六边形为圆的近似图形求得的结果。
方法一:
作圆，以半径为长度单位(半径即是所求正六边形边长)，划分圆，并连接各分点，即是所求正六边形。
方法二:
以任意长画一条线段AB。以A为圆心，AB为半径，作圆A。以B为圆心，AB为半径，作圆B与圆A交于点C。连接AC，BC。三角形ABC为等边三角形。在AB上取三等分点M。在AC和BC上分别取点N，O，使CN=AM=OB。作MX平行于BC，交AC于点X。作NY平行于BA，交BC于点Y。作OZ平行于AC，交AB于点Z。则NYOZMX为正六边形。
方法三:
画一个圆，做其一条直径。以直径的两个端点为圆心，以已做圆的半径为半径分别画圆，做出4个交点，依顺序联结这4个点和直径的两个端点就可以。正6边形中间一点0，过0做正6边形任意一条边的垂线，然后用这条边的长乘以垂线的长，得出数字来把数字除以2，再乘以6。
参考资料
百度百科：https://baike.so.com/doc/5392706-5629573.html
