JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry,places&amp;ext=.js"></script>
<div id="contact-map" style="border: 2px solid #3872ac;"></div>

CSS

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

JavaScript

// Init Google Maps
function initGoogleMaps() {
  // Init on contact page
  if ($('#contact-map').length > 0) {
    var myLatlng = new google.maps.LatLng(50.373667, -4.138203),
        myLatlng2 = new google.maps.LatLng(50.37, -4.2)
    mapOptions = {
        center: myLatlng,
        zoom: 10,
        icon: 'http://goodmans.co.uk.s171938.gridserver.com/images/23.png',
        mapTypeId: google.maps.MapTypeId.MAP,
        scrollwheel: false
        // disableDefaultUI: true
    },

    map = new google.maps.Map(document.getElementById("contact-map"), mapOptions),
    infowindow = new google.maps.InfoWindow(),
    marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        icon: 'http://goodmans.co.uk.s171938.gridserver.com/images/23.png',
        title: "Come visit us"
    }),
        marker2 =  new google.maps.Marker({
        position: myLatlng2,
        map: map,
        icon: 'http://goodmans.co.uk.s171938.gridserver.com/images/23.png',
        title: "Come visit us here also"
    })
    google.maps.event.addListener(marker,'click',function(e) {
        infowindow.setContent(marker.getTitle());
        infowindow.open(map,marker);
    });
    google.maps.event.addListener(marker2,'click',function(e) {
        infowindow.setContent(marker2.getTitle());
        infowindow.open(map,marker2);
    });
      
  }
}
initGoogleMaps();