电商m站的首页，有一个需求是配一张大的banner图，然后指定某些区域是热区，点击之后跳转到不同的活动页。
听起来简单明了，实现也比较容易，立刻就想起来有个map标签，简直就是为这个需求量身定做。
简单说下做法：
我们首先会和后台约定一些规则，定义一个json对象。比如：
{ type: 1, width: 100, height: 100, clickArea: [ { shape: 'circle', coords: '10,10,10', href: '//jd.com' }, { shape: 'rect', coords: '10,10,10,10', href: '//m.jd.com' } ], img: '一张图片.jpg' }