JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map_canvas"></div>

CSS

html, body, #map_canvas { margin: 0; padding: 0; height: 100% }

JavaScript

var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

      function initialize() {
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        var marker = [];
        marker[0] = new google.maps.Marker({map:map,
          position: new google.maps.LatLng(0.0,0.0)});
        marker[1] = new google.maps.Marker({map:map,
          position: new google.maps.LatLng(0.0,10.0)});
        marker[2] = new google.maps.Marker({map:map,
          position: new google.maps.LatLng(0.0,20.0)});

       iwArray = [];

        iwArray[0] = new google.maps.InfoWindow({content: "w 0"});
        google.maps.event.addListener(marker[0], 'mouseover', function(e) {
          iwArray[0].open(map, this);
        });

        iwArray[1] = new google.maps.InfoWindow({content: "w 1"});
        google.maps.event.addListener(marker[1], 'mouseover', function(e) {   
          iwArray[1].open(map, marker[1]);
        });

        iwArray[2] = new google.maps.InfoWindow({content: "w 2"});
        google.maps.event.addListener(marker[2], 'mouseover', function(e) {
          iwArray[2].open(map, marker[2]);
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);