JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img_map" style="z-index:1;">
    <img src="http://www.google.co.uk/images/logos/ps_logo2a_cp.png" width="364" height="126" style="z-index:-2;">
</div>
<div class="img_map" style="z-index:2;">
    <img src="http://www-cdr.stanford.edu/~petrie/blank.gif" width="364" height="126" usemap="#mymap" >
    <map name="mymap" id="mymap">
        <area data-labelelement="mylabel" shape="rect" coords="0,0,50,50" href="#" />
    </map>
</div>

<h4 id="mylabel">Stairs</h4>

CSS

#mylabel{ display:none; position:absolute; left:30px; top:30px;z-index:1; }
.img_map{position:absolute; left:0px; top:0px;}

JavaScript

$('area')
    .hover(function(){
        var labelelement = $(this).data('labelelement');
        $('#' + labelelement ).fadeToggle('fast');
    });