JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>

<div id="kmlMapCanvas" class="hhhh" style="width: 100%; height: 100%">
            </div>

CSS

html { height: 100% }
    body { height: 100%; margin: 0; padding: 0 }
    #kml_map_canvas { height: 100% }
    /*.google-infobox-content {width: 870px}*/
    .google-infobox-content .image{float: left; }
    .google-infobox-content .location{float: left; margin-left: 8px; padding-top: 15px; width: 141px;}
    .google-infobox-content  p{margin-top: 2px; margin-bottom: 2px;}
    .google-infobox-content  a{display: block;}
    .google-infobox-content .contact{float: left; padding-top: 15px; margin-left: 6px; width: 197px}
    .google-infobox-content .others{padding-left: 9px; padding-top: 15px; overflow: hidden; width:143px;}
    /* .google-infobox-content .others{padding-left: 9px; padding-top: 15px; float:left; max-width:150px;}*/
    .hidden{overflow: hidden!Important;}

JavaScript

$(function () {
                        initializeKmlMap();
                });

                function initializeKmlMap() {
                    
                    var myOptions = {
                        zoom: 20,
                        center: null,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                        
                    };

                    var map = new google.maps.Map(document.getElementById("kmlMapCanvas"), myOptions);

                    //example kml map //'https://maps.google.co.uk/maps/ms?msid=207817312541605896974.0004cdbf70e9c541de0ac&msa=0&ll=51.499019,-0.58382&spn=0.070103,0.209255&output=kml',
                    var layer = new google.maps.KmlLayer(
                    'https://maps.google.co.uk/maps/ms?msid=207817312541605896974.0004cdbf70e9c541de0ac&msa=0&ll=51.499019,-0.58382&spn=0.070103,0.209255&output=kml',
                    {                       
                      suppressInfoWindows: true,
                      map: map,
                      preserveViewport: true
                    });
                    
    //var bounds = layer.getDefaultViewport();
    //map.fitBounds(bounds);
                    
                    google.maps.event.addListener(layer, 'click', function (kmlEvent) {
                        showInContentWindow(map, kmlEvent);
                    });

                    function showInContentWindow(map, kmlEvent) {
                        
                        var desc = kmlEvent.featureData.description;

                        var regx = new RegExp("<div .*?>(.*?)</div>", "i");// get rid of wrapper div tag
                        var res = regx.exec(desc);
                        desc = (res) ? res[1] : "";    //the only submatch or empty
                        
                        //desc = "Part1 |# Part2 |# Part3 |# Part4 |# Part5 |# Part6 |# Part7 "; //waiting for google cache to expire
                        var parts = desc.split("|#");

        ...