JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;signed_in=true"></script>
<div id="panel" style="margin-left: -52px">
    <p>
     <a id="drop" onclick="drop()" class="btn btn-warning">Show Resellers</a>  
    </p>
     </div>
    <div id="map-canvas"></div>

CSS

html, body, #map-canvas {
        height: 100%;
        margin: 0;
        padding: 0;
      }

      #panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
        background-color: ;
        padding-top: 55px;
      }

JavaScript

var centerSA = new google.maps.LatLng(-30.289471, 24.284893);
var neighborhoods = [
  [new google.maps.LatLng(-33.880754, 18.634368), "title 1"],
 [new google.maps.LatLng(-33.873804, 18.634843), "title 2"],
 [new google.maps.LatLng(-34.112384, 18.844713), "title 3"],
 [new google.maps.LatLng(-34.082823, 18.840496), "title 4"],
 [new google.maps.LatLng(-29.492389, 31.218657), "title 5"],
 [new google.maps.LatLng(-33.863724, 18.578321), "title 6"],
 [new google.maps.LatLng(-29.857765, 31.021630), "title 7"],
 [new google.maps.LatLng(-26.028311, 28.004132), "title 8"],
 [new google.maps.LatLng(-34.031815, 23.045850), "title 9"],
 [new google.maps.LatLng(-34.053906, 23.370542), "title 10"],
 [new google.maps.LatLng(-33.963073, 22.459156), "title 11"],
 [new google.maps.LatLng(-32.989910, 27.872604), "title 12"],
 [new google.maps.LatLng(-33.302933, 26.523438), "title 13"],
 [new google.maps.LatLng(-28.768805, 32.019887), "title 14"],
 [new google.maps.LatLng(-27.645871, 27.229928), "title 15"],
 [new google.maps.LatLng(-28.236912, 28.308702), "title 16"],
 [new google.maps.LatLng(-25.872222, 29.235887), "title 17"],
 [new google.maps.LatLng(-27.751827, 29.936295), "title 18"],
 [new google.maps.LatLng(-28.734564, 24.756509), "title 19"],
 [new google.maps.LatLng(-25.656175, 27.255232), "title 20"],
 [new google.maps.LatLng(-26.956302, 24.728201), "title 21"],
 [new google.maps.LatLng(-26.964996, 26.659299), "title 22"],
 [new google.maps.LatLng(-26.808988, 27.829341), "title 23"],
 [new google.maps.LatLng(-26.489940, 28.383779), "title 24"],
 [new google.maps.LatLng(-26.459522, 29.465437), "title 25"],
 [new google.maps.LatLng(-28.411019, 21.251776), "title 26"],
 [new google.maps.LatLng(-22.556783, 17.065234), "title 27"],
 [new google.maps.LatLng(-22.951268, 14.515005), "title 28"],
 [new google.maps.LatLng(-34.408175, 19.253408), "title 29"],
 [new google.maps.LatLng(-28.803741, 24.707523), "title 30"]
];

var markers = [];
var map;

function initialize() {
  var...