Mapa jako skostumizowany przycisk do wyboru wartości liczbowej

Cześć,

Pracuje nad projektem kalkulatora i chciałbym wykorzystać mapę do tego, aby była moim przyciskiem w kalkulatorze.

div id="map-poland">
ul class="poland">
li class="pl1" value="A">DolnoĹlÄskie 1117</li>
li class="pl2" value="B">Kujawsko-pomorskie996</li>
li class="pl3" value="C">Lubelskie 1041</li>
/ul>
/div>

wymyśliłem sobie to tak, że gdy jest onclick to wtedy pole obliczeniowe w kalkulatorze jest zastępowane wartościami z mapy.

<script> onClick: function(e){} var rLink = e.children("A").eq(0).attr("href"), rText = e.children("A").eq(0).text(), rClass = e.attr("class").split(" ")[0]; document.getElementById("poleobliczeniowe").innerHTML = "map-poland"; </script>

pola obliczeniowe tak wyglądają

<script type="text/javascript"> form_structure_1=[[{"choices":["pl1","pl2","pl3"],"choicesVal":["","",""],"choicesDep":[[],[],[]],"fBuild":{},"name":"fieldname1","index":0,"parent":"","title":"","form_identifier":"","shortlabel":"","ftype":"fradio","userhelp":"","userhelpTooltip":false,"tooltipIcon":false,"csslayout":"","layout":"one_column","required":false,"exclude":false,"readonly":false,"toSubmit":"text","choiceSelected":"","showDep":false,"untickAccepted":true,"onoff":0}]</script>

nie wiem do końca jak przeprowadzić ten pomysł do końca. ALe taka jest idea, może ktoś ma lepszy pomysł.

Sformatuj ten kod, to może da się domyślić, co tam dokładniej robisz.
Podejrzewam, że potrzebujesz: https://www.w3schools.com/html/html_images_imagemap.asp
I czegoś w stylu:

<img src="https://www.w3schools.com/html/workplace.jpg" alt="Workplace" usemap="#workmap">
<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Coffee" href="coffee.htm">
</map> 

<script>
document.querySelector("map").addEventListener("click", czytaj_dane);

function czytaj_dane(e) {
  e.preventDefault();
  alert(e.target.getAttribute("alt"));
}
</script>