記事内でのJSでは、
var a_ele = $(“a.tooltip”);
と、しているため、aタグにのみ、紐づいています。

ですので、この部分を、
var area_ele = $(“area.tooltip”);
と、して、areaタグに紐づくようにしてください。
しかしこの場合ですと、なぜかareaタグ内のnameの値を拾ってくれませんでしたので、altで対応してみました。

まとめると、以下のようになりました。
▼JS
var area_ele = $(“area.tooltip”);
area_ele.mouseover(function(e){
　　-中略-
});
area_ele.mousemove(function(e){
　　-中略-
});
area_ele.mouseout(function(e){
　　-中略-
});

▼HTML
<img src=”xxx.jpg” usemap=”#Map” />
<map name=”Map” id=”Map”>
　　<area shape=”rect” coords=”0, 0, 135, 45″ href=”#” class=”tooltip” alt=”tip” />
</map>

付け焼刃な対応な気がしますので、ご使用前に検証して下さい。

僕も聞かせてもらうばっかりなので、次はなんか発表したいですね！
頑張ります！（たぶん…）

USKさんをはじめ、日頃読んでるブロガーの方と
もっと絡んでおけばよかった…。

もう次回の予定があるのですね、
ぜひまた参戦したいなぁ。