JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <body>
    <h1>Liverpool Street Station and Spitalfields Market</h1>

    <div id="mapContainer">
      <a href="http://www.britainfromabove.org.uk/image/EAW011141">
        <img src="http://www.britainfromabove.org.uk/sites/default/files/imagecache/download/sites/all/lib/aerofilms-images/public/england/EAW011141.jpg" title="Liverpool Street Station and Spitalfields Market, Spitalfields, 1947 - Britain from Above" />
      </a>
      <a title="Broad Street Station tracks" href="https://www.google.com/maps/d/edit?mid=z5GEMmEalYP8.kYh8m0pwzFJg&usp=sharing" class="mapOverlayLink" style="top: 400px; left: 170px;" target="_blank">
        <i class="material-icons">place</i>
      </a>
      <a title="Bridge on Worship Street" href="https://www.google.co.uk/maps/@51.521507,-0.0792237,208a,20y,90h/data=!3m1!1e3" class="mapOverlayLink" style="top: 255px; left: 30px;" target="_blank">
        <i class="material-icons">place</i>
      </a>
      <a title="Old Spitalfields Market" href="https://www.google.co.uk/maps/@51.5197493,-0.0775973,181a,20y,90h,41.75t/data=!3m1!1e3" class="mapOverlayLink" style="top: 60px; left: 390px;" target="_blank">
        <i class="material-icons">place</i>
      </a>
      <a title="Christ Church Spitalfields" href="https://www.google.co.uk/maps/@51.5190892,-0.0771869,57a,20y,90h,83.56t/data=!3m1!1e3" class="mapOverlayLink" style="top: 40px; left: 460px;" target="_blank">
        <i class="material-icons">place</i>
      </a>
      <a title="Buildings on Commercial Road" href="https://www.google.co.uk/maps/@51.5209805,-0.0772938,179a,20y,90h,41.75t/data=!3m1!1e3" class="mapOverlayLink" style="top: 50px; left: 150px;" target="_blank">
        <i class="material-icons">place</i>
      </a>
      <a title="London Fruit and Wool Exchange" href="https://www.google.co.uk/maps/@51.5188548,-0.0800095,356a,20y,90h,41.67t/data=!3m1!1e3" class="mapOverlayLink" style="top: 80px; left:...

CSS

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v7/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
#mapContainer {
  position: relative;
}
      .mapOverlayLink {
        position: absolute;
        color: #FFFF00;
        font-size: xx-large;
        text-decoration: none;
      }