JSFiddle - React, Tailwind, and code Playground

HTML

<img id="Image-Maps-Com-image-maps-2014-10-29-064734" src="http://www.image-maps.com/m/private/0/hi9okpic7dl52aogke435dk0f5_map-pin-760x508.jpg" border="0" usemap="#image-maps-2014-10-29-064734" alt="" />
<map name="image-maps-2014-10-29-064734" id="ImageMapsCom-image-maps-2014-10-29-064734">
    <area alt="" title="" href="#ssss" shape="rect" coords="212,156,295,245" style="outline:none;" target="_self" onclick="aaa" />
    <area alt="" title="" href="#cccc" shape="rect" coords="484,142,567,231" style="outline:none;" target="_self" />
    <area shape="rect" coords="758,506,760,508" alt="Image Map" style="outline:none;" title="Image Map" href="#http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map>
<div class="tooltip">
     <h5 class="tooltip__info">Sample Tooltip</h5>

</div>

JavaScript

$('area').click(function () {
        alert("lien = "+$(this).attr("href"));
    });