JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Map Label Utility Library</title>
    <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/maplabel/src/maplabel-compiled.js"></script>

    <script type="text/javascript">
      function init() {
        var myLatlng = new google.maps.LatLng(25.774252, -80.190262);
        var myOptions = {
          zoom: 13,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        var map = new google.maps.Map(document.getElementById('map'), myOptions);
        
            var bermudaTriangle;

    var triangleCoords = [
        new google.maps.LatLng(25.774252, -80.190262),
        new google.maps.LatLng(18.466465, -66.118292),
        new google.maps.LatLng(32.321384, -64.75737),
        new google.maps.LatLng(25.774252, -80.190262)
    ];

    // Construct the polygon
    bermudaTriangle = new google.maps.Polygon({
      paths: triangleCoords,
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.35
    });

   bermudaTriangle.setMap(map);

        var mapLabel = new MapLabel({
          text: 'I want on top',
          position: myLatlng,
          map: map,
          fontSize: 35,
          align: 'left'
        });
        mapLabel.set('position', myLatlng);
        }

      google.maps.event.addDomListener(window, 'load', init);
    </script>
  </head>
  <body>
      <div id="map" style="width: 800px; height: 800px;"></div>
  </body>
</html>