JSFiddle - React, Tailwind, and code Playground

HTML

<div id="image1"></div>
<div id="image2"></div>
<div id="image3"></div>
<div id="image4"></div>
<div id="image5"></div>
<div id="image6"></div>
<div id="image7"></div>
<svg version="1.1" id="Calque_1" xmlns="&amp;ns_svg;" xmlns:xlink="&amp;ns_xlink;" width="300%" viewBox="0 0 630 290" overflow="visible" enable-background="new 0 0 630 290" xml:space="preserve"><a xlink:href="internationnal03.html" onmouseover="TipFunction('Amerique-du-Nord')" onmouseout="TipFunction('')"><path id="Z1" title="Amerique-du-Nord" d="M178.925,24.825h-1l-2.6,0.5l-1.5,1l-1.2,1.6l1.7,0.8v1.6l-2.2,1h-1.3l-1,0.8v0.6l-0.6,0.6l-0.9-0.7   l1.7-1.3l-1.3-0.6l-0.4-0.2l-1.7,0.5l1,1.2h-0.9l-0.7-0.5h-1.8l-3.5,0.4l-1-0.7h-1.4l-0.5-1.1h-0.1l-0.4,0.2l-0.3,0.1l-4.1,1.2   l-0.6,1.7l-1,0.8l-1-2.8l-4.2,0.8l-3.1-0.7l2.8-1.3l-1.6-0.7h-2.4l-3.5-1.5h-1.6l-1.4,0.9h-1.1l0.6-1.3l-3.3,1.3v-2.1l-0.9,0.6   l-2.2,0.8v-0.8l-5.4,0.8l-1.7,0.7l-4.6,0.8h-1l-1.6-1h-2.4l-2.3-1.2l-2.1,0.3l-3.7-0.8l-3.5,0.5l-1.3-0.7l0.7-0.9l-1.8,0.9   l-2.2-1.3l-4.1,1.4l-1.7-0.5l-2.9,0.8h-1.4l-7.7,2.7l-1.5-0.2l-1.9,1l1.2,1.1l-0.6,1.1h2.3l-0.5,0.6l1.6,0.2l-0.5,0.8l-1.3-0.3   l-0.7,0.5l-2.8,0.4h-1.3v-0.7l1.2-0.5l-3.2,0.2l-0.3,1l-1.6-0.4l-3.1,0.7v0.4l1.6,0.3l-0.1,0.4l-1.2,0.1l-0.3,0.9l4.2,0.4l3.8-1.1   l-0.2,0.8l-1.5,0.3l-0.7,1.2l-1.9,0.8l-1.2-0.6l-1.3,0.9l-1.4,0.2l-1.2-0.3l-0.4,0.6l-0.6-0.2l-1.1,1.2l-0.4-0.3l-3.8,1.8l-0.4,1   l1.1,0.3h1.1l-0.3,0.5l-1.7-0.4l-1.2,0.6l0.1,1.3l2.7-0.3l0.6-0.7l0.7-0.1l-0.9,0.9l-0.5,1.1h-0.9l-0.6,1l-0.9,0.5l2.2-0.4l0.9-0.5   l0.2,0.5l0.7-0.1v0.8l1.6-0.9v0.7h1.1l-2.5,1.8l-14.8,5.6l6.9-1.6l17.3-6.4l-1-0.5l8-3.4l-0.5,0.9l-3.5,2.5l7.1-1.8l1.2-0.7v-0.7   h1.7l2-0.6l-0.8,0.7l0.5,0.7l1.7,0.8l1.3-0.5l2.8,0.5l1.7,0.8l1,2.5l2.3-0.2h0.6l1.2-1.3l-0.3,1.7l0.6,0.5l-0.6,2l-0.6,4h0.9   l-1.3,1.1l-0.4,1.3l-0.2,2.1l0.8,0.9l-1.6,2v0.6l2.9,0.9l0.8,2l1.2-0.3l-0.8,1.3h0.7l-0.6,2.1l-1,1.2l-1.5,0.6l1.8-2l-1.3-0.2   l-1.5-0.5l-0.5,0.9l-0.6,2.3l-1.6,2.8l-3.5,4.5l-1.1,0.9l-0.6,1.6l-0.3,1.4l-1.3,1.7l-0.7,0.7l0.4,1.1l-0.7,1.8l0.6,2.1l0.9-0.5  ...

CSS

body>div {display: none;height: 20px;}
body>div:before {content: attr(id)}
svg {width: 100%;}

JavaScript

var link = document.querySelectorAll("[id^=Z]"),
    images = document.querySelectorAll("[id^=image]");

var i = 0,
	  l = link.length;

for (; i<l; i++)
	  link[i].parentNode.addEventListener("click", function (e){
	
	  	  e.preventDefault();
	
	  	  var	i = 0,
	  	  	  l = images.length;

	  	  for (; i<l; i++)
	  	     images[i].style.display = "none";

	  	  document.getElementById("image"+ this.querySelector("[id^=Z]").id.substring(1)).style.display = "block";

}, false);