JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
		<div id="map"></div>

CSS

#map {
    width: 200px;
    height: 200px;
    background-color: #eee;    
}

JavaScript

function initialize() {
			var mapOptions = {
    			scrollwheel: false,
				zoom: 11,
				center: google.maps.LatLng(41.875696,-87.624207),
				styles: [{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"saturation":-100},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"visibility":"on"},{"saturation":-100},{"lightness":40}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"saturation":-10},{"lightness":30}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"visibility":"simplified"},{"saturation":-60},{"lightness":10}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"visibility":"simplified"},{"saturation":-60},{"lightness":60}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"},{"saturation":-100},{"lightness":60}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"},{"saturation":-100},{"lightness":60}]}],
				zoomControlOptions: {
					style: google.maps.ZoomControlStyle.SMALL
				}
			}

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

			var ctaLayer = new google.maps.KmlLayer(
				'https://maps.google.com/maps/ms?msa=0&msid=209537462410499505635.0004d278fb32588bd6da3&ie=UTF8&t=h&ll=48.985492,18.191269&spn=0.27644,0.427604&output=kml',
				{
					suppressInfoWindows: true,
					map: map,
					preserveViewport: true
				}
			);
			ctaLayer.setMap(map);
		}

		google.maps.event.addDomListener(window, 'load', initialize);