JSFiddle - React, Tailwind, and code Playground

HTML

<a href="ssylka.html" id="link">ссылка</a>
<br/>
<hr/>

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Europa-moon.jpg/600px-Europa-moon.jpg" usemap="#image"/>
<map name="image" id="image">
<area tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="0, 0, 100, 100" />
</map>

JavaScript

$(function(){
    $('a').hover(
        function(){
        //alert($(this).attr('href')); 
        $('area[href="'+$(this).attr('href')+'"]').trigger('mouseover');
        },
        function(){
            $('area[href="'+$(this).attr('href')+'"]').trigger('mouseout');
        }
    )
});