JSFiddle - React, Tailwind, and code Playground

by simoneast

HTML

<script src="//maps.googleapis.com/maps/api/js?version=3.exp"></script>
<div id="map" style="width: 100%; height: 700px"></div>

CSS

/* This bit is just for testing and debugging */
.infoWindow {
    font-size: 16px;
    /*line-height: 2.3333333;
    /*overflow-y: auto;
    /* max-height: 300px;
    max-width: 500px; * /
    padding-right: 20px;*/
}

/* FIX STEP 4: Include the following CSS within the page */
.gm-style-iw {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
.gm-style-iw > div {
   overflow: visible !important;   
}
.infoWindow {
    overflow: hidden !important;
}

JavaScript

// Create map
map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: new google.maps.LatLng(-30, 145.5),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

// Create marker
var markers = [];
markers[0] = new google.maps.Marker({
    position: new google.maps.LatLng(-37.8181, 145.119),
    map: map
});

markers[1] = new google.maps.Marker({
    position: new google.maps.LatLng(-37.8181, 107),
    map: map
});

markers[2] = new google.maps.Marker({
    position: new google.maps.LatLng(-30.8181, 120),
    map: map
});

var content = [
  '<h2>Aaa bbb ccc dddd</h2>',
  '<h2>Aaa bbb ccc dddd</h2> Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd',
    '<h2>Aaa bbb ccc dddd</h2> Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc dddd Aaa bbb ccc...