I have an interactive map of the UK. I used a SVG map and have added CSS so everything looks good but when I hover over each county the name does NOT appear and each county only links to the webpage for the first county shown – as the user hovers I would like each individual county name to display, and when clicked, link to its own webpage page
CSS CODE
/* ----- style.css ----- */
* {
margin: 0;
padding: 0;
}
body {
background-color: #FFFFF;
}
svg path {
fill: #00394f;
stroke: #eee;
stroke-width: .25;
}
svg path:hover {
fill: #006284;
transition: 0.6s;
cursor: pointer;
}
The whole code is too big for the 30000 character limit however the code below is an extract of correct map and produces (an example) showing some counties in UK using the CSS from above.
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://assets.zyrosite.com/Yan93GqZ0Osa8G5k/style-AoPGna0xQ0TDEe5l.css" type="text/css" />
</head>
<body>
<?xml version="1.0"?>
<svg baseprofile="tiny" stroke-linecap="round" stroke-linejoin="round" version="1.2" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
<g id="features">
<path d="M637.8 648.8l2.4 2.8 1 3.9-0.4 3.1-3.1 4.9-1.3-1.8-0.4-2.7 0.6-6-0.6-2.2 0.8-1.4 1-0.6z" id="GBBPL" name="Blackpool">
</path>
<path d="M569.9 549.8l-1 0.5-2.3-0.8-0.6 0.2-2.8 1.5-1.7 1.7-0.2 1 0.3 1.8 1.2 0.7 0.1 0.6-0.1 0.7-0.5 0.6-3.3 1-3 0-0.5 0.5-1.2-0.7-3.3 0.6-0.5 0.6-0.3 1.2-1.2 1.2-0.5 0.1-1.6-0.7-1.3-0.1-2.1 1.2-0.1-0.1-0.6-1.7-0.2-0.9 0-1.8 0.1-0.6 0.2-0.7 0.9-2 0.3-1.1 0.1-1.7 0.4-1.5 0.9-0.9 1.9-1.3 3.1-4.1 0.2-0.2 0.5-0.1 0.1-0.3 0-0.9 0-0.4 1.1-2.8 0.2-0.7 0-0.8-0.1-1.8 0.1-0.8 0.2-0.5 1.6-1.9 0.8-0.7 0.4-0.5 0.3-0.8 0.4-1.9 0.4-1 1.5-1.4 3.1-1.5 1.2-1.6 0.4-2.3-0.4-1.9-1.2-1.5-1.7-0.6 1-1.5 0.4 0.1 0.4-0.1 1.8-1.1 1.4-1.3 0.7 0.8 1.7 0.7 1.8 1.4 2.3 1 0.7 2.2 0 1.6-0.2 1.3-1.2 1.3-1 0.8-0.2 1 0.3 1 0.5 0.8 0.2 1 0 1.4-0.2 0.7-0.9 0-1.4-0.6-1.4 0-1.1-0.2-0.5 0.6 0.1 0.6 0.8 1.4 0.5 1.2 0.7 0.9 1.4 1.1 1.4 1.2 1 1.3 0.4 1.1 0.1 1.3 0 2 0 1.5-0.1 1.8-0.5 1.4-0.6 1.6 0 0.6z" id="GBSAY" name="South Ayrshire">
</path>
<path d="M564.6 514l-1.4 1.3-1.8 1.1-0.4 0.1-0.4-0.1 0-0.1-0.2-1.7-1-1.7-1.4-1.2-2.6-1.1-1.5-0.1-0.4-0.3 0.3-0.8 0-0.6-2.7-1.8-1.5-1.4-0.9-1.3 2.1-2.2 0.7-1.8-0.2-2.8-0.3-1-0.3-0.7-0.2-0.9-0.3-3.6 0-0.1 0.1 0 1.6-0.4 2.5 0 1.1 0.1 1.1 1 0.7 2 1 1.8 2.2 2.4 1.6 1.4 2.6 0.2 1.7-0.1 1.2 0.2 0 0.3-0.7 1.1-1.2 2.6-1.6 1.9-1.2 1.2-0.4 1 0.7 0.6 1.1 0.2 1.4 0 1.1 0 1.5 0.8 0 0.8-0.4 1.2-1.5 1.1-1.6 1.2-0.2 0.2z" id="GBNAY" name="North Ayshire">
</path>
<path d="M556.6 491.9l-1.1-1-1.1-0.1-2.5 0-1.6 0.4-0.1 0-0.2-2.3 0.3-2.2 0.7-1.5 1-0.9 1.5-0.6 0.9-0.2 0.6 0.1 3 1.4 0.8 0.1 0.5-0.2 1 0.6 2.2 0.3 0 0.1 0.3 1.3 0.7 1.3 0.7 1.4 0.3 1.5-0.2 1-1 0.7-0.9 0-1.2 0-1.1-0.1-1.3-0.1-1.1-0.3-1-0.6-0.1-0.1z" id="GBIVC" name="Inverclyde">
</path>
<path d="M567.6 499.8l-1.2-0.2-1.7 0.1-2.6-0.2-1.6-1.4-2.2-2.4-1-1.8-0.7-2 0.1 0.1 1 0.6 1.1 0.3 1.3 0.1 1.1 0.1 1.2 0 0.9 0 1-0.7 0.2-1-0.3-1.5-0.7-1.4-0.7-1.3-0.3-1.3 0-0.1 5.6 0.9 0.8-0.5 0.4 0.4 0.8 0.5 1.1 0.9 2 1.7 2 1.6 0 1.1-0.1 1.6 0 1 0 0.1-1.3 0.8-2.6 1.9-2.3 0.9-1.2 0.8-0.1 0.3z" id="GBRFW" name="Renfrewshire">
</path>
<path d="M563.8 473.4l1 0 1.3 0.4 1.3 0.1 1 0.8 2.5 0.8 0.9 0.7-0.1 0.3-1.9 1.1-0.1 0.9 0.6 1.2 1.3 0.4 1.1 1.9 0.8 0.3 1.2-0.3 0.1 3.5 0.2 1.8 0.3 0.6-0.1 1.4 0 1.6 0 0.4-2-1.6-2-1.7-1.1-0.9-0.8-0.5-0.4-0.4 0.4-0.2-5.1-1.1-0.1-0.3-0.3-1.3-0.1-1.7 0-0.1 0-0.8 0-0.8 0-0.1 0.1-0.8 0-0.6 0-0.6 0-3.1 0-1.3z" id="GBWDU" name="West Dunbartonshire">
</path>
<path d="M682.4 386.4l-0.1-0.3-0.3-0.4-1.4-0.2-1.3 0.3-2 0.5-1.4 0.3-1.6 0.4-1.3 0.3-1.3 0.6-1.2 0.1-0.6 0-0.6-0.5-0.3-1-0.1-1.4 0.1-1.1 0.4-0.6 1.1 0 1.4 0 0.7-1.1 0.4-1.3-0.3-1.4-0.5-0.7-0.7-0.6-0.2-1.3 0.1-0.8 0.3-0.6 0.5-0.8 0.8-0.4 1.7-0.1 1.1 0.1 0.8 0.7 0.7 0.9 0.7 0 0.6 0 0.5-0.5 0.5-0.7 0.5-0.3 0.6 0 0.6 0 1 0 0.8 0.3 0.1 0.1 0.2 0.6-1.1 4.5-0.3 1.8 0.2 1.6 0.9 0.7 0.1 0.7-0.8 1.6z" id="GBABE" name="Aberdeen">
</path>
<path d="M620.2 405.3l1.1 0 1.2-1.1 2.4-0.6 0.3-0.5 0.2-1.8 0.4-0.2 3.6 1.8 1.8 0.2 1.8 1.4 0.6-0.6 0.9-4.1 0.5-0.9 0.9-0.7 1.5-0.7 4.6 0.2 1.7-1.1 0.9-0.2 2 1 1.1 1.2 2.3 0 0.7 0.7 0.8 1.6 1.9 1.3 0.5 1.7 1 0.7-0.1 1-0.8 1.8 0.3 1.5-0.1 1.2 2.3 3.4 1.1 0.8 2.8 0.4 1.9 2.3 1.4-0.1 0.9 0 0.5 0.4-0.2 0.5-0.6 3.8-0.5 1-0.7 0.9-0.4 1.2 0 0.7 0.3 1.2 0 0.4-0.3 0.6-0.8 1-0.5 1.4-0.7 0.9-4.4 3.2-0.8 1.8-1 0.7-1.8 0.9-0.4 0.6-0.9 2.3-0.4 0.2-0.4-0.2-0.3-0.4-0.6-0.1-2.6 0.3-0.1-0.4-0.5-1.4 0-1.1-0.6-0.9-1.8-0.1-2.1 0.1-1.9 0.6-2.9 0.4-1.5 0.3-0.6 1.2-0.2 1-0.2-0.2-1.3-0.1-1.6-1-1.1-2.2 0.1-1.2 1.2-3.3 1.4-1.8 1.3-0.7 0-0.7-0.9-0.6-1.2-0.1-0.8-1-0.1-1-0.3-0.8-1.3-0.8-0.9-0.3-1.5-0.4-1.3-0.3-0.8-0.7-1.2-1.8-1.4-2.1-0.4-1.2-0.6-2 0-1.5 0-1.6-0.7-2-0.5-0.6-0.5-2.1-0.1-2.5z" id="GBANS" name="Angus">
</path>
<path d="M634.9 439.9l0.2-1 0.6-1.2 1.5-0.3 2.9-0.4 1.9-0.6 2.1-0.1 1.8 0.1 0.6 0.9 0 1.1 0.5 1.4 0.1 0.4-11 1.7-0.1-0.3-0.5-1.1-0.6-0.6z" id="GBDND" name="Dundee">
</path>
</g>
<g id="points">
<circle class="50.45652698633212|-12.9181900793958" cx="174.1" cy="914.5" id="0">
</circle>
<circle class="54.83183622502271|-5.186948213106515" cx="536.2" cy="576.4" id="1">
</circle>
<circle class="60.30097277338595|0.9980452799249111" cx="825.9" cy="97.6" id="2">
</circle>
</g>
<g id="label_points">
<circle class="Blackpool" cx="638.6" cy="656.1" id="GBBPL">
</circle>
<circle class="South Ayrshire" cx="560.4" cy="540.3" id="GBSAY">
</circle>
<circle class="North Ayshire" cx="557.9" cy="504.1" id="GBNAY">
<circle class="Inverclyde" cx="557.3" cy="488.5" id="GBIVC">
</circle>
<circle class="Renfrewshire" cx="567.7" cy="493.1" id="GBRFW">
</circle>
<circle class="West Dunbartonshire" cx="566.9" cy="480.1" id="GBWDU">
</circle>
<circle class="Aberdeen" cx="676" cy="381.3" id="GBABE">
</circle>
<circle class="Angus" cx="643" cy="416.7" id="GBANS">
</circle>
<circle class="Dundee" cx="641" cy="438.9" id="GBDND">
</circle>
</g>
</svg>
</body>
</html>
Now to show each county name, and link to each county webpage, as the user hovers I insert the below code, for example, in relation to the county name
<a xlink:title"Blackpool" xlink:href="https://en.wikipedia.org/wiki/Blackpool">
In the code below, for example, I only enter the one for Blackpool, the map appears in the browser BUT if you click on the counties every county links to the wiki page for Blackpool
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://assets.zyrosite.com/Yan93GqZ0Osa8G5k/style-AoPGna0xQ0TDEe5l.css" type="text/css" />
</head>
<body>
<?xml version="1.0"?>
<svg baseprofile="tiny" stroke-linecap="round" stroke-linejoin="round" version="1.2" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
<g id="features">
<a xlink:title"Blackpool" xlink:href="https://en.wikipedia.org/wiki/Blackpool">
<path d="M637.8 648.8l2.4 2.8 1 3.9-0.4 3.1-3.1 4.9-1.3-1.8-0.4-2.7 0.6-6-0.6-2.2 0.8-1.4 1-0.6z" id="GBBPL" name="Blackpool">
</path>
<path d="M569.9 549.8l-1 0.5-2.3-0.8-0.6 0.2-2.8 1.5-1.7 1.7-0.2 1 0.3 1.8 1.2 0.7 0.1 0.6-0.1 0.7-0.5 0.6-3.3 1-3 0-0.5 0.5-1.2-0.7-3.3 0.6-0.5 0.6-0.3 1.2-1.2 1.2-0.5 0.1-1.6-0.7-1.3-0.1-2.1 1.2-0.1-0.1-0.6-1.7-0.2-0.9 0-1.8 0.1-0.6 0.2-0.7 0.9-2 0.3-1.1 0.1-1.7 0.4-1.5 0.9-0.9 1.9-1.3 3.1-4.1 0.2-0.2 0.5-0.1 0.1-0.3 0-0.9 0-0.4 1.1-2.8 0.2-0.7 0-0.8-0.1-1.8 0.1-0.8 0.2-0.5 1.6-1.9 0.8-0.7 0.4-0.5 0.3-0.8 0.4-1.9 0.4-1 1.5-1.4 3.1-1.5 1.2-1.6 0.4-2.3-0.4-1.9-1.2-1.5-1.7-0.6 1-1.5 0.4 0.1 0.4-0.1 1.8-1.1 1.4-1.3 0.7 0.8 1.7 0.7 1.8 1.4 2.3 1 0.7 2.2 0 1.6-0.2 1.3-1.2 1.3-1 0.8-0.2 1 0.3 1 0.5 0.8 0.2 1 0 1.4-0.2 0.7-0.9 0-1.4-0.6-1.4 0-1.1-0.2-0.5 0.6 0.1 0.6 0.8 1.4 0.5 1.2 0.7 0.9 1.4 1.1 1.4 1.2 1 1.3 0.4 1.1 0.1 1.3 0 2 0 1.5-0.1 1.8-0.5 1.4-0.6 1.6 0 0.6z" id="GBSAY" name="South Ayrshire">
</path>
<path d="M564.6 514l-1.4 1.3-1.8 1.1-0.4 0.1-0.4-0.1 0-0.1-0.2-1.7-1-1.7-1.4-1.2-2.6-1.1-1.5-0.1-0.4-0.3 0.3-0.8 0-0.6-2.7-1.8-1.5-1.4-0.9-1.3 2.1-2.2 0.7-1.8-0.2-2.8-0.3-1-0.3-0.7-0.2-0.9-0.3-3.6 0-0.1 0.1 0 1.6-0.4 2.5 0 1.1 0.1 1.1 1 0.7 2 1 1.8 2.2 2.4 1.6 1.4 2.6 0.2 1.7-0.1 1.2 0.2 0 0.3-0.7 1.1-1.2 2.6-1.6 1.9-1.2 1.2-0.4 1 0.7 0.6 1.1 0.2 1.4 0 1.1 0 1.5 0.8 0 0.8-0.4 1.2-1.5 1.1-1.6 1.2-0.2 0.2z" id="GBNAY" name="North Ayshire">
</path>
<path d="M556.6 491.9l-1.1-1-1.1-0.1-2.5 0-1.6 0.4-0.1 0-0.2-2.3 0.3-2.2 0.7-1.5 1-0.9 1.5-0.6 0.9-0.2 0.6 0.1 3 1.4 0.8 0.1 0.5-0.2 1 0.6 2.2 0.3 0 0.1 0.3 1.3 0.7 1.3 0.7 1.4 0.3 1.5-0.2 1-1 0.7-0.9 0-1.2 0-1.1-0.1-1.3-0.1-1.1-0.3-1-0.6-0.1-0.1z" id="GBIVC" name="Inverclyde">
</path>
<path d="M567.6 499.8l-1.2-0.2-1.7 0.1-2.6-0.2-1.6-1.4-2.2-2.4-1-1.8-0.7-2 0.1 0.1 1 0.6 1.1 0.3 1.3 0.1 1.1 0.1 1.2 0 0.9 0 1-0.7 0.2-1-0.3-1.5-0.7-1.4-0.7-1.3-0.3-1.3 0-0.1 5.6 0.9 0.8-0.5 0.4 0.4 0.8 0.5 1.1 0.9 2 1.7 2 1.6 0 1.1-0.1 1.6 0 1 0 0.1-1.3 0.8-2.6 1.9-2.3 0.9-1.2 0.8-0.1 0.3z" id="GBRFW" name="Renfrewshire">
</path>
<path d="M563.8 473.4l1 0 1.3 0.4 1.3 0.1 1 0.8 2.5 0.8 0.9 0.7-0.1 0.3-1.9 1.1-0.1 0.9 0.6 1.2 1.3 0.4 1.1 1.9 0.8 0.3 1.2-0.3 0.1 3.5 0.2 1.8 0.3 0.6-0.1 1.4 0 1.6 0 0.4-2-1.6-2-1.7-1.1-0.9-0.8-0.5-0.4-0.4 0.4-0.2-5.1-1.1-0.1-0.3-0.3-1.3-0.1-1.7 0-0.1 0-0.8 0-0.8 0-0.1 0.1-0.8 0-0.6 0-0.6 0-3.1 0-1.3z" id="GBWDU" name="West Dunbartonshire">
</path>
<path d="M682.4 386.4l-0.1-0.3-0.3-0.4-1.4-0.2-1.3 0.3-2 0.5-1.4 0.3-1.6 0.4-1.3 0.3-1.3 0.6-1.2 0.1-0.6 0-0.6-0.5-0.3-1-0.1-1.4 0.1-1.1 0.4-0.6 1.1 0 1.4 0 0.7-1.1 0.4-1.3-0.3-1.4-0.5-0.7-0.7-0.6-0.2-1.3 0.1-0.8 0.3-0.6 0.5-0.8 0.8-0.4 1.7-0.1 1.1 0.1 0.8 0.7 0.7 0.9 0.7 0 0.6 0 0.5-0.5 0.5-0.7 0.5-0.3 0.6 0 0.6 0 1 0 0.8 0.3 0.1 0.1 0.2 0.6-1.1 4.5-0.3 1.8 0.2 1.6 0.9 0.7 0.1 0.7-0.8 1.6z" id="GBABE" name="Aberdeen">
</path>
<path d="M620.2 405.3l1.1 0 1.2-1.1 2.4-0.6 0.3-0.5 0.2-1.8 0.4-0.2 3.6 1.8 1.8 0.2 1.8 1.4 0.6-0.6 0.9-4.1 0.5-0.9 0.9-0.7 1.5-0.7 4.6 0.2 1.7-1.1 0.9-0.2 2 1 1.1 1.2 2.3 0 0.7 0.7 0.8 1.6 1.9 1.3 0.5 1.7 1 0.7-0.1 1-0.8 1.8 0.3 1.5-0.1 1.2 2.3 3.4 1.1 0.8 2.8 0.4 1.9 2.3 1.4-0.1 0.9 0 0.5 0.4-0.2 0.5-0.6 3.8-0.5 1-0.7 0.9-0.4 1.2 0 0.7 0.3 1.2 0 0.4-0.3 0.6-0.8 1-0.5 1.4-0.7 0.9-4.4 3.2-0.8 1.8-1 0.7-1.8 0.9-0.4 0.6-0.9 2.3-0.4 0.2-0.4-0.2-0.3-0.4-0.6-0.1-2.6 0.3-0.1-0.4-0.5-1.4 0-1.1-0.6-0.9-1.8-0.1-2.1 0.1-1.9 0.6-2.9 0.4-1.5 0.3-0.6 1.2-0.2 1-0.2-0.2-1.3-0.1-1.6-1-1.1-2.2 0.1-1.2 1.2-3.3 1.4-1.8 1.3-0.7 0-0.7-0.9-0.6-1.2-0.1-0.8-1-0.1-1-0.3-0.8-1.3-0.8-0.9-0.3-1.5-0.4-1.3-0.3-0.8-0.7-1.2-1.8-1.4-2.1-0.4-1.2-0.6-2 0-1.5 0-1.6-0.7-2-0.5-0.6-0.5-2.1-0.1-2.5z" id="GBANS" name="Angus">
</path>
<path d="M634.9 439.9l0.2-1 0.6-1.2 1.5-0.3 2.9-0.4 1.9-0.6 2.1-0.1 1.8 0.1 0.6 0.9 0 1.1 0.5 1.4 0.1 0.4-11 1.7-0.1-0.3-0.5-1.1-0.6-0.6z" id="GBDND" name="Dundee">
</path>
</g>
<g id="points">
<circle class="50.45652698633212|-12.9181900793958" cx="174.1" cy="914.5" id="0">
</circle>
<circle class="54.83183622502271|-5.186948213106515" cx="536.2" cy="576.4" id="1">
</circle>
<circle class="60.30097277338595|0.9980452799249111" cx="825.9" cy="97.6" id="2">
</circle>
</g>
<g id="label_points">
<circle class="Blackpool" cx="638.6" cy="656.1" id="GBBPL">
</circle>
<circle class="South Ayrshire" cx="560.4" cy="540.3" id="GBSAY">
</circle>
<circle class="North Ayshire" cx="557.9" cy="504.1" id="GBNAY">
<circle class="Inverclyde" cx="557.3" cy="488.5" id="GBIVC">
</circle>
<circle class="Renfrewshire" cx="567.7" cy="493.1" id="GBRFW">
</circle>
<circle class="West Dunbartonshire" cx="566.9" cy="480.1" id="GBWDU">
</circle>
<circle class="Aberdeen" cx="676" cy="381.3" id="GBABE">
</circle>
<circle class="Angus" cx="643" cy="416.7" id="GBANS">
</circle>
<circle class="Dundee" cx="641" cy="438.9" id="GBDND">
</circle>
</g>
</svg>
</body>
</html>
In the code below, for example, as soon as I enter more than one xlink as shown below (now I have added South Ayrshire) the map disappears when opening in the browser
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://assets.zyrosite.com/Yan93GqZ0Osa8G5k/style-AoPGna0xQ0TDEe5l.css" type="text/css" />
</head>
<body>
<?xml version="1.0"?>
<svg baseprofile="tiny" stroke-linecap="round" stroke-linejoin="round" version="1.2" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
<g id="features">
<a xlink:title"Blackpool" xlink:href="https://en.wikipedia.org/wiki/Blackpool">
<path d="M637.8 648.8l2.4 2.8 1 3.9-0.4 3.1-3.1 4.9-1.3-1.8-0.4-2.7 0.6-6-0.6-2.2 0.8-1.4 1-0.6z" id="GBBPL" name="Blackpool">
</path>
<a xlink:title"South Ayrshire" xlink:href="https://en.wikipedia.org/wiki/South Ayrshire">
<path d="M569.9 549.8l-1 0.5-2.3-0.8-0.6 0.2-2.8 1.5-1.7 1.7-0.2 1 0.3 1.8 1.2 0.7 0.1 0.6-0.1 0.7-0.5 0.6-3.3 1-3 0-0.5 0.5-1.2-0.7-3.3 0.6-0.5 0.6-0.3 1.2-1.2 1.2-0.5 0.1-1.6-0.7-1.3-0.1-2.1 1.2-0.1-0.1-0.6-1.7-0.2-0.9 0-1.8 0.1-0.6 0.2-0.7 0.9-2 0.3-1.1 0.1-1.7 0.4-1.5 0.9-0.9 1.9-1.3 3.1-4.1 0.2-0.2 0.5-0.1 0.1-0.3 0-0.9 0-0.4 1.1-2.8 0.2-0.7 0-0.8-0.1-1.8 0.1-0.8 0.2-0.5 1.6-1.9 0.8-0.7 0.4-0.5 0.3-0.8 0.4-1.9 0.4-1 1.5-1.4 3.1-1.5 1.2-1.6 0.4-2.3-0.4-1.9-1.2-1.5-1.7-0.6 1-1.5 0.4 0.1 0.4-0.1 1.8-1.1 1.4-1.3 0.7 0.8 1.7 0.7 1.8 1.4 2.3 1 0.7 2.2 0 1.6-0.2 1.3-1.2 1.3-1 0.8-0.2 1 0.3 1 0.5 0.8 0.2 1 0 1.4-0.2 0.7-0.9 0-1.4-0.6-1.4 0-1.1-0.2-0.5 0.6 0.1 0.6 0.8 1.4 0.5 1.2 0.7 0.9 1.4 1.1 1.4 1.2 1 1.3 0.4 1.1 0.1 1.3 0 2 0 1.5-0.1 1.8-0.5 1.4-0.6 1.6 0 0.6z" id="GBSAY" name="South Ayrshire">
</path>
<path d="M564.6 514l-1.4 1.3-1.8 1.1-0.4 0.1-0.4-0.1 0-0.1-0.2-1.7-1-1.7-1.4-1.2-2.6-1.1-1.5-0.1-0.4-0.3 0.3-0.8 0-0.6-2.7-1.8-1.5-1.4-0.9-1.3 2.1-2.2 0.7-1.8-0.2-2.8-0.3-1-0.3-0.7-0.2-0.9-0.3-3.6 0-0.1 0.1 0 1.6-0.4 2.5 0 1.1 0.1 1.1 1 0.7 2 1 1.8 2.2 2.4 1.6 1.4 2.6 0.2 1.7-0.1 1.2 0.2 0 0.3-0.7 1.1-1.2 2.6-1.6 1.9-1.2 1.2-0.4 1 0.7 0.6 1.1 0.2 1.4 0 1.1 0 1.5 0.8 0 0.8-0.4 1.2-1.5 1.1-1.6 1.2-0.2 0.2z" id="GBNAY" name="North Ayshire">
</path>
<path d="M556.6 491.9l-1.1-1-1.1-0.1-2.5 0-1.6 0.4-0.1 0-0.2-2.3 0.3-2.2 0.7-1.5 1-0.9 1.5-0.6 0.9-0.2 0.6 0.1 3 1.4 0.8 0.1 0.5-0.2 1 0.6 2.2 0.3 0 0.1 0.3 1.3 0.7 1.3 0.7 1.4 0.3 1.5-0.2 1-1 0.7-0.9 0-1.2 0-1.1-0.1-1.3-0.1-1.1-0.3-1-0.6-0.1-0.1z" id="GBIVC" name="Inverclyde">
</path>
<path d="M567.6 499.8l-1.2-0.2-1.7 0.1-2.6-0.2-1.6-1.4-2.2-2.4-1-1.8-0.7-2 0.1 0.1 1 0.6 1.1 0.3 1.3 0.1 1.1 0.1 1.2 0 0.9 0 1-0.7 0.2-1-0.3-1.5-0.7-1.4-0.7-1.3-0.3-1.3 0-0.1 5.6 0.9 0.8-0.5 0.4 0.4 0.8 0.5 1.1 0.9 2 1.7 2 1.6 0 1.1-0.1 1.6 0 1 0 0.1-1.3 0.8-2.6 1.9-2.3 0.9-1.2 0.8-0.1 0.3z" id="GBRFW" name="Renfrewshire">
</path>
<path d="M563.8 473.4l1 0 1.3 0.4 1.3 0.1 1 0.8 2.5 0.8 0.9 0.7-0.1 0.3-1.9 1.1-0.1 0.9 0.6 1.2 1.3 0.4 1.1 1.9 0.8 0.3 1.2-0.3 0.1 3.5 0.2 1.8 0.3 0.6-0.1 1.4 0 1.6 0 0.4-2-1.6-2-1.7-1.1-0.9-0.8-0.5-0.4-0.4 0.4-0.2-5.1-1.1-0.1-0.3-0.3-1.3-0.1-1.7 0-0.1 0-0.8 0-0.8 0-0.1 0.1-0.8 0-0.6 0-0.6 0-3.1 0-1.3z" id="GBWDU" name="West Dunbartonshire">
</path>
<path d="M682.4 386.4l-0.1-0.3-0.3-0.4-1.4-0.2-1.3 0.3-2 0.5-1.4 0.3-1.6 0.4-1.3 0.3-1.3 0.6-1.2 0.1-0.6 0-0.6-0.5-0.3-1-0.1-1.4 0.1-1.1 0.4-0.6 1.1 0 1.4 0 0.7-1.1 0.4-1.3-0.3-1.4-0.5-0.7-0.7-0.6-0.2-1.3 0.1-0.8 0.3-0.6 0.5-0.8 0.8-0.4 1.7-0.1 1.1 0.1 0.8 0.7 0.7 0.9 0.7 0 0.6 0 0.5-0.5 0.5-0.7 0.5-0.3 0.6 0 0.6 0 1 0 0.8 0.3 0.1 0.1 0.2 0.6-1.1 4.5-0.3 1.8 0.2 1.6 0.9 0.7 0.1 0.7-0.8 1.6z" id="GBABE" name="Aberdeen">
</path>
<path d="M620.2 405.3l1.1 0 1.2-1.1 2.4-0.6 0.3-0.5 0.2-1.8 0.4-0.2 3.6 1.8 1.8 0.2 1.8 1.4 0.6-0.6 0.9-4.1 0.5-0.9 0.9-0.7 1.5-0.7 4.6 0.2 1.7-1.1 0.9-0.2 2 1 1.1 1.2 2.3 0 0.7 0.7 0.8 1.6 1.9 1.3 0.5 1.7 1 0.7-0.1 1-0.8 1.8 0.3 1.5-0.1 1.2 2.3 3.4 1.1 0.8 2.8 0.4 1.9 2.3 1.4-0.1 0.9 0 0.5 0.4-0.2 0.5-0.6 3.8-0.5 1-0.7 0.9-0.4 1.2 0 0.7 0.3 1.2 0 0.4-0.3 0.6-0.8 1-0.5 1.4-0.7 0.9-4.4 3.2-0.8 1.8-1 0.7-1.8 0.9-0.4 0.6-0.9 2.3-0.4 0.2-0.4-0.2-0.3-0.4-0.6-0.1-2.6 0.3-0.1-0.4-0.5-1.4 0-1.1-0.6-0.9-1.8-0.1-2.1 0.1-1.9 0.6-2.9 0.4-1.5 0.3-0.6 1.2-0.2 1-0.2-0.2-1.3-0.1-1.6-1-1.1-2.2 0.1-1.2 1.2-3.3 1.4-1.8 1.3-0.7 0-0.7-0.9-0.6-1.2-0.1-0.8-1-0.1-1-0.3-0.8-1.3-0.8-0.9-0.3-1.5-0.4-1.3-0.3-0.8-0.7-1.2-1.8-1.4-2.1-0.4-1.2-0.6-2 0-1.5 0-1.6-0.7-2-0.5-0.6-0.5-2.1-0.1-2.5z" id="GBANS" name="Angus">
</path>
<path d="M634.9 439.9l0.2-1 0.6-1.2 1.5-0.3 2.9-0.4 1.9-0.6 2.1-0.1 1.8 0.1 0.6 0.9 0 1.1 0.5 1.4 0.1 0.4-11 1.7-0.1-0.3-0.5-1.1-0.6-0.6z" id="GBDND" name="Dundee">
</path>
</g>
<g id="points">
<circle class="50.45652698633212|-12.9181900793958" cx="174.1" cy="914.5" id="0">
</circle>
<circle class="54.83183622502271|-5.186948213106515" cx="536.2" cy="576.4" id="1">
</circle>
<circle class="60.30097277338595|0.9980452799249111" cx="825.9" cy="97.6" id="2">
</circle>
</g>
<g id="label_points">
<circle class="Blackpool" cx="638.6" cy="656.1" id="GBBPL">
</circle>
<circle class="South Ayrshire" cx="560.4" cy="540.3" id="GBSAY">
</circle>
<circle class="North Ayshire" cx="557.9" cy="504.1" id="GBNAY">
<circle class="Inverclyde" cx="557.3" cy="488.5" id="GBIVC">
</circle>
<circle class="Renfrewshire" cx="567.7" cy="493.1" id="GBRFW">
</circle>
<circle class="West Dunbartonshire" cx="566.9" cy="480.1" id="GBWDU">
</circle>
<circle class="Aberdeen" cx="676" cy="381.3" id="GBABE">
</circle>
<circle class="Angus" cx="643" cy="416.7" id="GBANS">
</circle>
<circle class="Dundee" cx="641" cy="438.9" id="GBDND">
</circle>
</g>
</svg>
</body>
</html>
How do I ensure each county shows its own name and links to its own page when clicked?
Alearner is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.