$args += array(
	'key' => 'AIzaSyADtuSUbqq2MNdQ3Q0_xBr5Fbdzkvv1XY4',
	'latlng' => '55.684758, 37.738521',
	'content' => 'Маркер места',
	'width' => '500px',
	'height' => '400px',
	'zoom' => 15,
);

ob_start();
?>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=<?php echo htmlspecialchars($args['key'])?>&callback=initMap"></script>
<script type="text/javascript">
	function initMap() {
		var myLatlng = new google.maps.LatLng(<?php echo htmlspecialchars($args['latlng'])?>);
		var mapOptions = {
			zoom: <?php echo intval($args['zoom'])?>,
			center: myLatlng
		}
		var map = new google.maps.Map(document.getElementById("googleMap"), mapOptions);

		var marker = new google.maps.Marker({
			position: myLatlng,
			title:"<?php echo htmlspecialchars($args['content'])?>"
		});

		// To add the marker to the map, call setMap();
		marker.setMap(map);
	}
</script>

<style>
	#googleMap {
		width: <?php echo htmlspecialchars($args['width'])?>; height: <?php echo htmlspecialchars($args['height'])?>; padding: 0; margin: 0;
	}
</style>

<div id="googleMap"></div>

<?php
return ob_get_clean();