JSFiddle - React, Tailwind, and code Playground

HTML

<img alt="Karte" usemap="#hurz"
     src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Deutschland_politisch_2010.png/363px-Deutschland_politisch_2010.png">
<map name="hurz">
  <area alt="SHo" shape="circle" coords="160,60,50" href="#SHo">
  <area alt="Bra" shape="rect" coords="200,50,320,120" href="#Bra">
  <area alt="NDS" shape="rect" coords="50,100,200,200" href="#NDS">
</map>

<p>Bitte klicken Sie auf ein Bundesland</p>
<ol>
<li><a name="SHo" href="http://google.de">Willkommen in Schleswig</a></li>
<li><a name="Bra" href="http://google.de">I Binz, der Schwerinöter</a></li>
<li><a name="NDS" href="http://google.de">Wir reiten zur CEBIT</a></li>
</ol>

CSS

a:target { outline: 2px solid red; }