JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry,places&amp;ext=.js"></script>
<div id="map" ></div>

CSS

#map {
	width:100%;
	height:900px;
  min-width:600px; 
  max-width:600px;
}


.gm-style-iw {
    width: 100% !important;
    top: 15px !important;
    left: 0px !important;
    background-color: #000;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 5px;
	height:auto;
	max-height:300px !important;
	padding:10px;
	overflow:hidden !important;
}


.iw-container {
    margin-bottom: 10px;
	overflow:hidden;
	width: 100% !important;
}
.iw-container .iw-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    background-color: #48b5e9;
    color: white;
    margin: 0;
    border-radius: 2px 2px 0 0;

	
	}

	
	
.iw-container .iw-content {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    max-height: 140px;
	overflow:hidden !important;
	width: 100% !important;
}

	.iw-container{
width: 100% !important;

	
	}

.iw-content {
	width: 100% !important;
}
.iw-content img {
	/*display:inline-block !important;*/
	width:190px !important;
	vertical-align:top;
	display:inline-table !important;
	margin-left:50% !important;
	
}
.iw-subTitle{
/*display:inline-block !important;*/
	width:100% !important;
	color:#fff !important;
	vertical-align:top;
	font-family:Walpurga;
	font-size:28px !important;
	display:inline-table !important;

}
.pp{
	width:140px !important;
	color:#fff !important;
	font-family:Walpurga;
	font-size:12px;
	/*display:inline-block !important;*/
	vertical-align:top;
	margin:0 !important;
	padding:0 !important;
	/*display:inline-table !important;*/
	position:absolute;
	top:56px !important;
	left:10px;
	max-height:54px;
	 overflow: hidden;
	
	

}

.findout{
	font-family:Walpurga !important;
	background-color:#3C0 !important;
	border:none !important;
	padding:8px !important;
	font-size:18px !important;
	width:130px !important;
	color:#fff  !important;
	border-radius:none...

JavaScript

localStorage.setItem("mapMarkers", "['Location 2 Name', 'Soho, London', 'http://www.google.com/intl/en_ALL/mapfiles/marker.png'],['Location 2 Name', 'SS00SD', 'http://www.google.com/intl/en_ALL/mapfiles/marker.png'],"); //It's saved!



var nowMarker = localStorage.getItem('mapMarkers');


alert(nowMarker);

var locations = [
nowMarker

];

var activeInfoWindow;
var geocoder;
var map;
var bounds = new google.maps.LatLngBounds();

function initialize() {
    map = new google.maps.Map(
    document.getElementById("map"), {
        center: new google.maps.LatLng(37.4419, -122.1419),
        zoom: 13,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    geocoder = new google.maps.Geocoder();

    for (i = 0; i < locations.length; i++) {
        geocodeAddress(locations, i);
    }
}
google.maps.event.addDomListener(window, "load", initialize);

function geocodeAddress(locations, i) {
    var title = locations[i][0];
    var address = locations[i][1];
    var url = locations[i][2];
    geocoder.geocode({
        'address': locations[i][1]
    },
    function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
						createMarker(results, url, title, address);
        } else {
            alert("geocode of " + address + " failed:" + status);
        }
    });
}

function customFunction(){

   // Reference to the DIV that wraps the bottom of infowindow
    var iwOuter = $('.gm-style-iw');

    /* Since this div is in a position prior to .gm-div style-iw.
     * We use jQuery and create a iwBackground variable,
     * and took advantage of the existing reference .gm-style-iw for the previous div with .prev().
    */
    var iwBackground = iwOuter.prev();

    // Removes background shadow DIV
    iwBackground.children(':nth-child(2)').css({'display' : 'none'});

    // Removes white background DIV
    iwBackground.children(':nth-child(4)').css({'display' : 'none'});

  


}

function infoWindow(marker, map, title, address, url) {	
        var...