JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="PhillyHist"/>

CSS

html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#PhillyHist { height: 100%; width: 100% }

JavaScript

var haus = new google.maps.LatLng(39.950787, -75.145565);
var mapOptions = {
    zoom: 15,
    center: haus,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("PhillyHist"), mapOptions);


var markers = new Array();
markers[0] = {
    lat: '39.94883',
    lon: '-75.14672'
};
markers[1] = {
    lat: '39.9522',
    lon: '-75.1446'
};
markers[2] = {
    lat: '39.94692',
    lon: '-75.14793'
};
markers[3] = {
    lat: '39.96735',
    lon: '-75.17315'
};
markers[4] = {
    lat: '39.950787',
    lon: '-75.145565'
};

for (var i = 0; i < markers.length; i++) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(markers[i].lat, markers[i].lon), 
map: map, 
title: "PhillyHist"});
}

(function(map, marker) {
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
})(map, marker);