JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

HTML

<div id="map" style="width: 100%; height: 500px;"></div>

CSS

.content {
  padding: 10px;
  line-height: 1.4em;
  font-size: 17px;
}

.content .location-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.content .location-address {}

.content .location-phone {
  font-weight: bold;
  margin: 10px 0px 20px 0px;
}

.content .location-button a {
  background: #dedede;
  display: block;
  padding: 5px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}

JavaScript

function initialize() {
  var locations = [
    [
      "Bethlehem",
      33.9410054, -83.7399724, "426 Exchange Blvd, Suite 600",

      "Bethlehem",
      "GA",
      "30620",
      "770-848-7160",
      "/our-locations/bethlehem/"
    ],
    [
      "Blairsville",
      34.888274, -83.962325, "346 Deep South Farm Road, Suite B",

      "Blairsville",
      "GA",
      "30512",
      "706-835-1914",
      "/blairsville/"
    ],
    [
      "Braselton",
      34.120237, -83.861235, "1404 River Place, Suite 501",

      "Braselton",
      "GA",
      "30517",
      "770-848-7160",
      "/our-locations/braselton/"
    ],
    [
      "Buford",
      34.104722, -84.001909, "4445 South Lee Street, Suite 300",

      "Buford",
      "GA",
      "30518",
      "770-848-7160",
      "/our-locations/buford/"
    ],
    [
      "Clayton",
      34.870675, -83.401445, "536 Hwy 441 S.",

      "Clayton",
      "GA",
      "30525",
      "770-534-2020",
      "/our-locations/clayton/"
    ],
    [
      "Commerce",
      34.2185454, -83.4731194, "170 Cardiology Place",

      "Commerce",
      "GA",
      "30529",
      "770-848-7160",
      "/commerce"
    ],
    [
      "Cumming",
      34.184903, -84.123842, "900 Sanders Road",

      "Cumming",
      "GA",
      "30041",
      "770-886-5184",
      "/our-locations/cumming/"
    ],
    [
      "Dahlonega",
      34.52516, -83.977117, "70 Mountain Drive",

      "Dahlonega",
      "GA",
      "30533",
      "706-864-0711",
      "/our-locations/dahlonega/"
    ],
    [
      "Dawsonville",
      34.3687644, -84.0330705, "108 Prominence Court",

      "Dawsonville",
      "GA",
      "30534",
      "706-265-1415",
      "/our-locations/dawsonville/"
    ],
    [
      "Demorest",
      34.582275, -83.5378897, "590 Old Historic U.S.441",

      "Demorest",
      "GA",
      "30535",
      "770-534-2020",
      "/our-locations/demorest/"
    ],
    [
      "Gainesville",
      34.303528, -83.815769, "200 S. Enota Drive...