图像内的可点击区域

Question

搜索一些设计建议。我正在使用Angular（至少尝试过）。 假设我有一个像这样定义的可点击区域，背景图像（两个以上）：

<div id="clicable0">
        <div class="area1" data-ng-click="jump('v1')"></div>
        <div class="area2" data-ng-click="jump('v2')"></div>
        ...
        <img src="img1.jpg">
</div>

我的CSS：

#clicable0 .area1 { top:100px; left:100px; }
#clicable0 .area2 { top:100px; left:200px; }

上面的例子工作正常，但我会看到这更像是通用组件（指令？），我可以在Angular和Javascript上做更多。对于一些Angular期货，你有什么建议“不透明”？ 感谢。