JSFiddle - React, Tailwind, and code Playground

by paulalexandru21

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: 3
        });
    
        var marker2 = new google.maps.Marker({
            map: theMap,
            draggable: true,
            position: new google.maps.LatLng(49.472294,-123.758444),
            zIndex: 1
        });
    
      

        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(-10, -70)
            ,zIndex: 2
            ,boxStyle: {
              background: "url('tipbox.gif') no-repeat"
              ,opacity: 0.45
              ,width: "280px"
             }
            ,closeBoxMargin: "10px 2px 2px 2px"
            ,closeBoxURL: ""
            ,infoBoxClearance: new google.maps.Size(1, 1)
            ,isHidden: false
            ,pane: "overlayImage"
            ,enableEventPropagation: false
        };

        var ib = new InfoBox(myOptions);
   ...