HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Интерактивная карта России" />
<script type="text/javascript" src="https://konyakov.ru/pubs/rr/jquery.min.js"></script>
<script type="text/javascript" src="https://konyakov.ru/pubs/rr/script.js"></script>
<script type="text/javascript">$(function() {$('.map').maphilight();});</script>
<script type="text/javascript" src="https://konyakov.ru/pubs/rr/tooltip.js"></script>
<style type="text/css">#tooltip{background:#FFFFFF;border:1px solid #666666;color:#333333;font:menu;margin:10px;padding:3px 5px;position:absolute;visibility:hidden}</style>
</head>
<body>
<!--begin-->
<img class="map" src="https://konyakov.ru/pubs/rr/800px-Blank_map_of_Russia-gray.gif" width="800" height="485" usemap="#rf" border="0"/>
<map name="rf">
<area href="#" title="Belgorod Region" alt="" shape="poly" coords="38,305,38,310,42,314,46,315,47,318,48,322,48,326,49,328,54,323,55,316,54,312,51,309,47,308,41,304">
<area href="#" title="Bryansk Region" alt="" shape="poly" coords="37,268,33,274,35,276,37,277,37,282,44,282,44,287,48,288,53,282,54,278,56,274,56,270,47,271,42,271">
<area href="#" title="Vladimir Region" alt="" shape="poly" coords="94,272,95,280,98,282,98,284,96,287,97,290,100,294,103,295,114,289,109,284,102,278,103,274,100,274,97,273">
<area href="#" title="Voronezh Region" alt="" shape="poly" coords="56,314,56,321,54,326,50,330,53,334,59,337,64,336,66,333,68,331,75,331,78,333,80,332,79,329,73,322,68,315,63,310,59,310">
<area href="#" title="Ivanovo Region" alt="" shape="poly" coords="104,272,110,273,112,275,120,276,123,281,125,283,123,286,118,286,115,288,112,284,107,280,104,277,105,274">
<area href="#" title="Kaluga Region" alt="" shape="poly" coords="72,270,62,270,59,268,57,269,58,274,56,278,55,281,56,282,62,282,66,280,70,280,74,280,78,278,77,274">
<area href="#" title="Kostroma Region" alt="" shape="poly"...