JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map" style="width: 400px; height: 400px; float: right"></div>
<h3 class="ccm-page-list-title"><a onmouseover="javascript:google.maps.event.trigger(markersArray[0], 'dblclick');" href="javascript:google.maps.event.trigger(markersArray[0], 'click');">39steps office</a></h3>
<h3 class="ccm-page-list-title"><a onmouseover="javascript:google.maps.event.trigger(markersArray[1], 'dblclick');" href="javascript:google.maps.event.trigger(markersArray[1], 'click');">Cineworld Glasgow</a></h3>
<h3 class="ccm-page-list-title"><a onmouseover="javascript:google.maps.event.trigger(markersArray[2], 'dblclick');" href="javascript:google.maps.event.trigger(markersArray[2], 'click');">Laurence's Flat</a></h3>
<h3 class="ccm-page-list-title"><a onmouseover="javascript:google.maps.event.trigger(markersArray[3], 'dblclick');" href="javascript:google.maps.event.trigger(markersArray[3], 'click');">Marybank</a></h3>
<h3 class="ccm-page-list-title"><a onmouseover="javascript:google.maps.event.trigger(markersArray[4], 'dblclick');" href="javascript:google.maps.event.trigger(markersArray[4], 'click');">Shell Bay</a></h3>
<h3 class="ccm-page-list-title"><a onmouseover="javascript:google.maps.event.trigger(markersArray[5], 'dblclick');" href="javascript:google.maps.event.trigger(markersArray[5], 'click');">Dingwall</a></h3>
<script type="text/javascript">
// Address and description arrays
var addresses = ["EH3 6QH","7 Renfrew St, Glasgow","EH14 1PR","IV6 7UP","Shell Bay, Fife","IV15 9HU"];
var descriptions = ["39steps office","Cineworld Glasgow","Laurence's Flat","Marybank","Shell Bay","St Lawrence's, Dingwall"];
// Map styles
var mapStyles = [ { featureType: "landscape.man_made", stylers: [ { visibility: "off" } ] },{ featureType: "landscape.natural", stylers: [ { visibility: "off" } ] },{ featureType: "road", stylers:...