gMap API Issue

Ver 3.36 works without errors Ver 3.37 throws a JS error - which leaves map blank in my app

by Wolf

HTML

<style>
div#map { width:70%; height: 300px; margin:10px auto; border:1px solid #888888; box-shadow:2px 2px 2px rgba(0,0,0,0.5); }
body.outer { background:#eeeeee; margin: 0px; padding: 0px; }
div#menu { width: 100%; background: #dddddd; border-bottom:1px solid #888888; padding: 10px 20px; }
iframe#ifr { width: 99%; border:	1px solid #888888; margin: 20px auto; height:	400px; display: block; background:white; }
</style>
<body class='outer'>
<div id='menu'>Main Body - Menu: <button id='loadcontent' disabled onClick='loadContentIntoIFRAME()'>Load Content</button></div>
<iframe id='ifr'></iframe>



<!-- THE HTML CODE THAT IS INSERTED INTO THE IFRAME -->
<template>
<div id='map'></div>
<script>


function draw_a_map()
	{
	var divObj = document.getElementById('map');
	var uluru = {lat: -25.344, lng: 131.036};
	var mapOpt = {zoom: 4, center: uluru};
	parent.make_a_map(divObj, mapOpt);
	}

draw_a_map();

</script>
</template>



</body>


<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?v=3.37&key=AIzaSyCOW7b0eVJzLBlTz1eY9XP04VJ48C_uaMQ&callback=gmap_api_loaded"></script>
<script>
console.clear();
var gmap;

// SHOW THE BUTTON WHEN THE GMAP API HAS FULLY LOADED
function gmap_api_loaded()
	{
	$('button').prop('disabled', false);
	}

// A function that is called by the child frame
function make_a_map(divObj, mapOpts)
	{
	gmap = new google.maps.Map(divObj, mapOpts);
	return gmap;
	}

// an elaborate function to populate the iframe, normally just loaded via setting the src attribute
function loadContentIntoIFRAME()
	{
	var if_html = '<html><style>' + $('style').text() + '</style>';
	if_html += '<body>' + $('template').html() + '</body>';
	if_html += '</html>';
	var cd = $('iframe#ifr')[0].contentDocument;
	cd.body.innerText='';
	cd.write(if_html);
	}

</script>