JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="map-canvas"></div>

CSS

html, body, #map-canvas {

          height: 100%;

          margin: 0px;

          padding: 0px

      }

JavaScript

window.places = [
    {
        title: "foo",
        address: {
            lat: parseFloat("64.85599578876611"),
            lng: parseFloat("-147.83363628361917")
        },
        displayAddress: "101 BLVD",
        linkURL: "google.com"
    },
    {
        title: "bar",
        address: {
            lat: parseFloat("62.85599578876611"),
            lng: parseFloat("-147.83363628361917")
        },
        displayAddress: "202 BLVD",
        linkURL: "images.google.com"
    },
]

function initialize() {
    "use strict";
    var myLatlng = new google.maps.LatLng(window.places[0].address.lat, window.places[0].address.lng),
        mapOptions = {
            zoom: 4,
            center: myLatlng
        };

        window.map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    $.each(window.places, function(i) {

        var infowindow = new google.maps.InfoWindow({
                content: "<div style='padding:2px;'><div style='margin-bottom:5px;font-weight:700;color:#033551;'>"+ window.places[i].title +"</div><div style='margin-bottom:5px;'>" + window.places[i].displayAddress + "</div><div><a href='" + window.places[i].linkURL + "/'>More Details</a></div></div>"
            }),
            marker = new google.maps.Marker({
                position: new google.maps.LatLng(window.places[i].address.lat, window.places[i].address.lng),
                map: window.map,
                title: window.places[i].title
            });

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

    });
}

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