JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    
    <head>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
        <script type="text/javascript">
            function initialize() {
                var secheltLoc = new google.maps.LatLng(49.47216, - 123.76307);
                var myMapOptions = {
                    zoom: 15,
                    center: secheltLoc,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var theMap = new google.maps.Map(document.getElementById("map_canvas"), myMapOptions);
                var marker = new google.maps.Marker({
                    map: theMap,
                    draggable: true,
                    position: new google.maps.LatLng(49.47216, - 123.76307),
                    zIndex: 6
                });
                var boxText = document.createElement("div");
                boxText.style.cssText = "zindex: 2;border: 1px solid black; margin-top: 8px; background: yellow; padding: 5px;";
                boxText.innerHTML = '<div id="infodiv">City Hall, Sechelt <br> British Columbia<br>Canada</div>';
                var myOptions = {
                    content: boxText,
                    disableAutoPan: false,
                    maxWidth: 0,
                    pixelOffset: new google.maps.Size(-20, - 30),
                    zIndex: 5,
                    boxStyle: {
                        background: "url('tipbox.gif') no-repeat",
                        opacity: 0.75,
                        width: "280px"
                    },
                    closeBoxMargin: "10px 2px 2px 2px",
                    closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",
                    infoBoxClearance: new google.maps.Size(1, 1),
                    isHidden: false,
                   ...