JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry,places&amp;ext=.js"></script>
<div id="googleMap"></div>

CSS

html,
body,
#googleMap {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

JavaScript

var geocoder;
var map;
var markers = [];
var directionsDisplay = new google.maps.DirectionsRenderer();
var directionsService = new google.maps.DirectionsService();

function initialize() {
// Googleplex 37.4223434, -122.0843689
    var position = {coords: {latitude:37.4223434, longitude:-122.0843689}}
    initializeMap(position);

}
google.maps.event.addDomListener(window, "load", initialize);

// Menlo Park, CA, USA (37.4529598, -122.18172520000002)
// Mountain View, CA, USA (37.3860517, -122.0838511)
var ajaxResult = [[0,"infowindow 0",2,3,4,5,37.4419,-122.1419],
[1,"infowindow 1",2,3,4,5,37.4529598,-122.1817252],[2,"infowindow 2",2,3,4,5,37.3860517,-122.0838511]]
//THIS FUNCTIONS BUILD THE MAPS
function initializeMap(position) { //USER LOCATION
  var myCenter = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

  var mapProp = {
    center: myCenter,
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  mapObj = new google.maps.Map(document.getElementById("googleMap"), mapProp);

  //MAKING SURE THE DATA ARRAY HAS SOMETHING IN IT
  if (ajaxResult.length > 0) {
    for (var i = 0; i < ajaxResult.length; i++) {
      var pos = {
        lat: parseFloat(ajaxResult[i][6]),
        lng: parseFloat(ajaxResult[i][7])
      };
      //BUILDING THE DESTINATION MARKERS
      var suggestionMarker = new google.maps.Marker({
        position: pos,
        // icon: markerNames[i]
      });

      markers.push(suggestionMarker); //ADDING TO THE MARKER ARRAY
      suggestionMarker.setMap(mapObj); //ADING TO THE MAP

      var userString = ajaxResult[i][1]; //INFORMATINO WINDOW
      var infowindow = new google.maps.InfoWindow({
        content: userString
      });
      infowindow.open(mapObj, suggestionMarker);
    }
    addMarkerListeners(myCenter);
  }

  //MARKER FOR THE USER LOCATION
  var userImage = 'http://maps.google.com/mapfiles/ms/micons/blue.png'
  var userMarker = new google.maps.Marker({
    position: myCenter,
    icon:...