JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//maps.googleapis.com/maps/api/js?version=3.exp"></script>
<div id="map" style="width: 100%; height: 600px"></div>
CSS
.infoWindow {
font-family: sans-serif;
font-weight: normal !important;
font-size: 14pt;
}
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
marker = new google.maps.Marker({
position: new google.maps.LatLng(-37.8181, 145.119),
map: map,
title: 'Title here'
});
// Create InfoWindow
infoWindow = new google.maps.InfoWindow({
content:'<div class="infoWindow">' +
'Aaa bbb ccc dasd' +
'</div>';
});
google.maps.event.addListener(marker, 'click', function(){
console.time('a');
infoWindow.open(map, marker);
});
infoWindow.open(map, marker);